1. Home
  2. Knowledge Base
  3. Pinnacle Theme
  4. Pinnacle CSS Snippets
  5. Pinnacle – Show Hover Effects in Mobile

To display the captions for your portfolio in mobile view, add this CSS to Theme Options> Custom CSS:

@media (max-width: 767px) {
.portfolio-item .portfolio-table {
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    }
}

To include the overlay, add this CSS instead:

@media (max-width: 767px) {
.portfolio-item .portfolio-table {
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    }
.flat-no-margin .portfolio-item .portfolio-hoverover {
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    }
}

Was this article helpful?

Related Articles