---
title: "Ascend – Show Portfolio Hover Effect in Mobile"
source: "https://docs.nexcess.com/software/kadence/ascend-show-portfolio-hover-effect-in-mobile/"
description: "To show the portfolio hover effects in mobile view, add this to Theme Options> Custom CSS: @media (max-width: 767px) { .portfolio-loop-image-container .portfoli…"
vertical: "Software"
area: "Kadence"
date: "2021-08-03"
last_modified: "2021-08-03"
---

# Ascend – Show Portfolio Hover Effect in Mobile

To show the portfolio hover effects in mobile view, add this to Theme Options> Custom CSS:

```
@media (max-width: 767px) {
.portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
}
.portfolio-loop-image-container .portfolio-hover-item .portfolio-overlay-color {
    opacity: .5;
}
.portfolio-loop-image-container .portfolio-hover-item .portfolio-overlay-border {
    border: 1px solid rgba(255,255,255,.8);
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 1;
    }
}
```