Always displaying hover captions on mobile

Site URL: http://www.letsgruv.com

I have 3 images with click-through links on my homepage. The name of the page that the image is linked to is displayed in a caption that appears on hover but I'd like to have that always visible on mobile. I'm sure this is an easy fix but the few things I thought to try don't seem to be working out. 

Thanks for the help!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5eca911272e6a72aacf7a277"] figcaption.image-caption-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden;
}
}

@tuanphan Perfect, thank you

Hi there, 

I have the same question, and have tried the code, but it doesn't work for me. 

My site URL is www.abi-read.com and I'd like the 'hover over' captions that appear on a desktop view, to remain consistently on the mobile view. 

Any ideas? Thanks

On 10/19/2021 at 10:26 PM, designer-abi said:

Hi there, 

I have the same question, and have tried the code, but it doesn't work for me. 

My site URL is www.abi-read.com and I'd like the 'hover over' captions that appear on a desktop view, to remain consistently on the mobile view. 

Any ideas? Thanks

Add to Design > Custom CSS

.portfolio-text {
    opacity: 1 !important;
}
.portfolio-overlay {
    opacity: 0.2 !important;
}