Jump to content

Lightbox Image Text Description in Mobile

Recommended Posts

Posted

Why is it in mobile (on my iPhone) there's a DOT on the bottom right corner to view the text after you click on the image (two step process), but when I preview the mobile version on my desktop it displays the text, as it should?

How do I get the mobile to display the Lightbox text when image is clicked on? Is it a CSS thing? Or a bug?

Thank you!

Screenshot 2023-09-23 at 4.29.22 PM.png

Screenshot 2023-09-23 at 4.28.23 PM.png

Posted

Never mind, I found this! And it worked:

 

// Shows the captions all the time
.sqs-lightbox-meta.overlay-description-visible {
 bottom: 0px !important;
}

// Hide the "dot" I'm using the Dark lightbox, so I color the dot dark, which blends in with the background.
a.sqs-lightbox-meta-trigger {
    color:#111 !important;
}

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.