Wexley | Image hover text always on in gallery

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

Does anyone know code to keep hover text always on the images (so you don't need to hover to see the text) in a gallery? Alternatively, does anyone know a way of showing the hover text on mobile. Part of my home pages functionality is images working as links, but this doesn't work on phones as the text can never be seen.

Add to Design > Custom CSS

.collection-type-gallery .thumb-list .thumb .thumb-title {
    display: block;
}

This worked great on the iPad for my website - https://www.mikejshen.com. Now visitors can see the clip name of the video in the gallery. Before, you could only see it on a computer by hovering over the clip with a mouse.

The problem is that on my iPhone, when visiting the site, you still don't see the clip names. Is there any adjustment to the code that will allow visitors to see them? 

Thanks so much for any advice you can offer, and for what you've already given!

On 2/24/2023 at 7:42 AM, MikeSplice said:

This worked great on the iPad for my website - https://www.mikejshen.com. Now visitors can see the clip name of the video in the gallery. Before, you could only see it on a computer by hovering over the clip with a mouse.

The problem is that on my iPhone, when visiting the site, you still don't see the clip names. Is there any adjustment to the code that will allow visitors to see them? 

Thanks so much for any advice you can offer, and for what you've already given!

Add to Design > Custom CSS

@media screen and (max-width:640px) {
.collection-type-gallery #slideshowWrapper .image-description {
    display: block !important;
}
.collection-type-gallery #page #slideshow .slide {
    position: relative;
}
}