mcass44 Posted April 8, 2021 Share Posted April 8, 2021 Site URL: https://www.michaelhcassell.com/ 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/ Link to comment
tuanphan Posted April 12, 2021 Share Posted April 12, 2021 Hi. It looks like 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 } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
katya_austin Posted November 21, 2021 Share Posted November 21, 2021 tuanphan's suggestion worked for me. Thank you! ❤️ katyaaustin.nyc Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment