[Resolved] Image gallery captions (mobile)

[Ken]

I have a gallery with 5 images on a page, each with captions. Captions show fine in a non-mobile view but are missing on mobile

[Tom]

Can you link me to the page?

[Ken]

Tom,

Here is the link. Good on desktop, doesn’t show responsively on mobile. The only type of caption I can get to show on mobile is to use the pop-over which is tough on mobile.

http://dadlives.com/

Thanks,
Ken

[Tom]

Your boldgrid-gallery plugin is hiding them on mobile.

To reverse this, add this CSS:

@media screen and (max-width: 568px) {
    body .wc-gallery .gallery-caption {
        display: block;
    }
}

• This reply was modified 7 years, 10 months ago by Tom.

[Ken]

Thanks, Tom. New at this. Can you direct me to a link for the optimal way to add this to CSS. I assume I would not want to add this to one of the existing PHPs (or the bold grid gallery plug-in) as it would get clobbered if I update the plug in version later.

[Tom]

This might help: https://generatepress.com/knowledgebase/adding-css/

Let me know 🙂

[Ken]

Added the CSS to the page in question and also tried under Customize (Appearance) and still can’t see the captions on mobile

[Tom]

Sorry about that – I just adjusted the CSS above, it should work now.

[Ken]

All good, thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts