Jump to content

Text for image descriptions is not there in gallery block on mobile

Go to solution Solved by creedon,

Recommended Posts

I created a gallery section in an index page in order to have rotating quotes appear on the homepage of the site. There are no images, and I just added the quotes in the image description.

For some reason the text is not showing up on mobile. Does anyone know why or what I can do about this?

The site is in Squarespace 7.0 and the template is Pacific.

Thanks!

Link to comment

If I had to guess Squarespace often has differences between desktop and mobile layouts. Mobile will often drop elements of the layout because of limited space.

Calendars will drop images on mobile. Galleries may drop text on mobile.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution

Fortunately Squarepace. in this case, is just hiding the text so it is possible to make it visible again.

Add the following to Website > Pages > Website Tools > Custom CSS.

@media only screen and ( max-width : 640px ) {

  .collection-type-index.design-slideshow .index-gallery .slide-meta .description {
  
    display : unset;
    
    }
    
  }

This is for v7.0 using the Pacific template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

any thoughts on removing the slash showing there is no picture uploaded?

From what I can tell the images you used for the gallery are no longer there and so SS is grabbing an image not found backup image and it is more apparent when in mobile view.

I suggest a one pixel transparent png image. Upload it once, then for the rest of the pics, search for the image in your Asset Library.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 7 months later...

IMG_2584.thumb.PNG.f4cabd4f7a5d3e90e9509d9b04374662.PNG

I am having a similar problem. On my mobiledevice, when I am viewing a gallery image, there is an almost imperceptible tiny gray dot at the bottom right of my screen. If you happen to see it, you can tap it and the image description appears in a black bar, which then has links which I need! SOS! I need to replace that gray dot with something more obvious!

Edited by tuscangroupinc
Link to comment
5 hours ago, tuscangroupinc said:

On my mobiledevice, when I am viewing a gallery image, there is an almost imperceptible tiny gray dot at the bottom right of my screen. If you happen to see it, you can tap it and the image description appears in a black bar, which then has links which I need!

I was unable to reproduce your issue with Safari on iOS. Your image almost looks like a rendering error. If you reload the page does it still happen for you?

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.