Jump to content

Title/description not showing up on mobile lightbox view for grid gallery

Recommended Posts

Site URL: http://soliloquizing.com/landscape

I have a gallery grid set up on a page of my site that shows the title and description of images when the lightbox comes up -- it works perfectly on desktop but is practically impossible to see on mobile (unless a small button in the corner is tapped).

http://soliloquizing.com/landscape

Here is the link. **Only the first photo has a title and description right now. 

Is there a way I can have the info always visible on mobile? I'm using the York theme.

Thanks!

Link to comment
24 minutes ago, meerasabeh said:

Site URL: http://soliloquizing.com/landscape

I have a gallery grid set up on a page of my site that shows the title and description of images when the lightbox comes up -- it works perfectly on desktop but is practically impossible to see on mobile (unless a small button in the corner is tapped).

http://soliloquizing.com/landscape

Here is the link. **Only the first photo has a title and description right now. 

Is there a way I can have the info always visible on mobile? I'm using the York theme.

Thanks!

try this css


@media only screen and (max-width: 640px) {
.yui3-lightbox2 .sqs-lightbox-meta {
  opacity: 1;
    background: #00000033;
      bottom: 0 !important;
}
}

image.png.82c490842c497a0e0160b4d795cc549d.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.