Adjust Gallery Grid Captions to show below image on mobile

I am trying to help a client troubleshoot an issue viewing gallery grid captions on mobile - I did not design the original website or add the original code. It looks like they are using a plug-in code injection for the lightbox effect, so I'm not sure how to adjust it for mobile here. 

I would like the Gallery Grid captions to appear below the image lightbox for mobile and iPad only vs on hover. Currently, it just shows the image and there is no way to view the caption bio on mobile or ipad since the "hover" effect does not work for these devices. Is this possible?

The website URL is https://www.experiencemomentum.com/about#team and I need this to work for all the gallery grid sections since there are several.

@tuanphan I noticed you provided solutions for a lot of similar scenarios. Is this something you can help with?

To view caption on Mobile/Table, users can click this icon

But if it is too small, you can use this code to Website Tools > Custom CSS

a.sqs-lightbox-meta-trigger:before {
    content: "Show Caption";
    white-space: nowrap;
    position: relative;
    left: -70px;
}

@tuanphan I added the code but nothing happens. Is it possible that there is code conflicting with it?

On 8/27/2024 at 1:50 AM, HOMENCREATIVE said:

@tuanphan I added the code but nothing happens. Is it possible that there is code conflicting with it?

You try moving the code to top of CSS box, if it still doesn't work, you can keep code in CSS box then let me know, I will check again

I'm moving new house so a bit slowly reply this week