Hey, I found this code on a video which works great on desktop, but the colour overlay doesn't stay visible on mobile, just the text, which is unreadable. Here's the code: but anyone have any ideas to fix the mobile site?
@media only screen and (min-width:660px) {
.design-layout-poster .image-card-wrapper {
visibility: hidden;
opacity: 0;
transition-duration: 0.5s
}
.design-layout-poster:hover .image-card-wrapper {
visibility: visible;
opacity: 1;
background-color: hsla(188, 93%, 11%, 0.67);
}
}
This is not applied to a gallery but individual images when set to "poster" style. I had to "build" a gallery from a blank section for this to work. Not the most elegant solution all round, would love to know if anyone has something better!