Jump to content

weird spacing on mobile with gallery

Recommended Posts

Site URL: http://www.bibandtuckertx.com

I am trying to fix the weird spacing on my mobile site.


We added code to give thumbnails but with or without that code, their is an obscene amount of space between the product photo and the purchase button.



code we've used for adding gallery:


@media screen and (max-width:2000px) {
.ProductItem-gallery-thumbnails {
    display: flex;
.ProductItem-gallery {
    flex-direction: column-reverse;
.ProductItem-gallery-slides {
    width: 100%;



Attached is a photo of what our page looks like on mobile.  Please help.

We're supposed to be launching Friday and our page looks ridiculous.  It's fine on desktop, but honestly, 90% of our customer base shops exclusively on the phones or tablets.  This looks awful and we do not want to look like this opening day.


Link to comment
  • Replies 4
  • Views 365
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...

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.