justified gallery – lightbox captions

  • Resolved hyprfusion

    (@hyprfusion)


    1 week, 4 days ago

    If you scroll down and look at BeccaG lightbox, on the desktop browser the caption is visible. However, when I use a mobile device the caption does not automatically appear even when I have the settings set to show in the lightbox caption settings.

    I also found the { “lightbox”: { “infoAutoHide”:false } } from another post that Elvis detailed on its use. I placed it in the Advanced – Custom Settings and saved everything. But it does not seem to be working, as all the mobile devices are still not showing the caption by default.

    View post on imgur.com
    View post on imgur.com

    I am sure I am missing something; can anyone please advise?

    Many Thanks!

    • This topic was modified 1 week, 4 days ago by hyprfusion. Reason: cause I r grammar-id10t

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @hyprfusion

    For smaller screens (800px and below) such as on mobile devices and some tablets, the captions will not appear by default even when enabled. This was implemented to prevent captions from potentially overlaying the image upon initial opening, particularly if users have lengthy captions.

    The workaround to override this that you discovered on another different post seems not to work for now. I’m looking into this and if I do find another workaround, I will share it here.

    Thanks.

    Plugin Support elviiso

    (@elviiso)

    Hi @hyprfusion

    I do have an update on this. First, I want to confirm that the workaround { "lightbox": { "infoAutoHide":false } } does work. The issue was with the double quotes.

    Kindly ensure that you are using the normal double quotes and not the double backquotes when adding it to the “Custom Settings field for it to work.

    Thanks.

    Thread Starter hyprfusion

    (@hyprfusion)

    Thank you @elviiso

    That was the issue.

    I changed it from – { “lightbox”: { “infoAutoHide”:false } }

    To – { "lightbox": { "infoAutoHide":false } }

    Now it works, I never even though to check the quotes as I copied and pasted directly from a different post about the same issue.

    I appreciate your help in resolving this issue. Many thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.