Adjust images per row on mobile

TanveerSaini · December 29, 2020

Site URL: https://round-flute-mh4j.squarespace.com/anchorage

Hi everyone, I wanted to adjust how many images are displayed on mobile for the gallery.

I decided to use gallery for the images on my site (because of easier customization), but now what happens on mobile is that it shows 2 images in one row, and then the third image on the second row, when I would rather have each image be displayed once per row. I was wondering if anyone can help.

**In the image**

As you can see the first three images are showing in two rows, where i'd rather have it be one image per row, to be scaled up to the size of the screen (not for only this gallery, but for all of the galleries.

Thank you!

TanveerSaini · December 29, 2020

/* stack gallery grid on mobile */

 @media only screen and (max-width: 640px)
  {.sqs-gallery-design-grid-slide {
      width: 100% !important;
      clear: none !important;
  }
  }

This answer helped^^^ (Brine 7.0)

Refresh the page for it to actually work!

tuanphan · January 3, 2021

Banner image on mobile is not fullsize. Do you want to resize it?

https://round-flute-mh4j.squarespace.com/anchorage

Adjust images per row on mobile

Recommended Posts

TanveerSaini

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

TanveerSaini

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources