Portfolio hover on mobile

I have the same issue, my website is www.ryanballphotography.com I would like to keep the hover function on the desktop comp, but on mobile show the title all the time. 

19 hours ago, ryan_ball said:

I have the same issue, my website is www.ryanballphotography.com I would like to keep the hover function on the desktop comp, but on mobile show the title all the time. 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.portfolio-text {
    opacity: 1 !important;
}
}

Can you share link to homepage?

I am having the same issue as people on this forum. I am trying to force the hover state on my portfolio grid in mobile. Ideally when it was in mobile the image would automatically darken with opacity at .35 and the text would automatically appear in the center of the image. Essentially exactly how it looks when you hover in desktop.

Does anyone know the CSS to make this happen? My site is: https://www.michaelhcassell.com/

On 4/8/2021 at 10:47 PM, mcass44 said:

I am having the same issue as people on this forum. I am trying to force the hover state on my portfolio grid in mobile. Ideally when it was in mobile the image would automatically darken with opacity at .35 and the text would automatically appear in the center of the image. Essentially exactly how it looks when you hover in desktop.

Does anyone know the CSS to make this happen? My site is: https://www.michaelhcassell.com/

I see you solved with this CSS

@media screen and (max-width: 640px) {
    .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-text,.tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-text {
        opacity:1 !important
    }

    .portfolio-overlay {
        opacity: .35 !important
    }
}