Hello,
Is there any way to make it so gallery captions always are apparent in mobile view, but remain on hover in desktop view? As you can see in the screenshot, my mouse is hovering over the image with the caption visible. For mobile view, I want the captions to always be visible in this manner.
This is the code I'm currently using:
.gallery-grid .gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.4); // overlay color
height: 100%;
padding: 0;
opacity: 0;
pointer-events: none;
}
.gallery-grid .gallery-caption-wrapper {
display: flex;
align-items: center; // center vertically
justify-content: center; // center horizontally
}
.gallery-grid .gallery-caption-content {
font-size: 1.2rem !important; // caption font size
color: white; //caption font color
padding: 1vw; // padding around the caption
}
.gallery-grid-item {
position: relative;
}
.gallery-grid-item:hover .gallery-caption {
opacity: 1;
}
.gallery-caption-grid-simple {
transition-delay: 0ms;
max-width: unset;
}