---
title: "Pinnacle – Show Hover Effects in Mobile"
source: "https://docs.nexcess.com/software/kadence/pinnacle-show-hover-effects-in-mobile/"
description: "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-tab…"
vertical: "Software"
area: "Kadence"
date: "2021-08-03"
last_modified: "2021-08-03"
---

# 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;
    }
}
```