1. Knowledge Base
  2. Ascend Theme
  3. Ascend CSS Snippets
  4. 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;
    }
}

Was this article helpful?

Related Articles