Always Show Titles for Portfolio Items in Mobile

[Will]

Will

February 26, 2018 at 1:39 pm

Hi, I have a site using Virtue (ataokennel.com) where I use portfolio to display a team roster. On desktop view, the portfolio grid shows the title of each team member on hover and that works great. But I’d like the titles to automatically and always show on each item in the grid while in mobile view, as hovering is not a thing there.

I had this same question for a theme in Ascend, and was give the following CSS which worked great there:

@media (max-width:768px){
.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);
}
}

I tried this in my Virtue theme but no dice. Can you guys give me the CSS I want to do this in Virtue? Thanks in Advance!!

Mari