weird spacing on mobile with gallery

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.

What is access password?

Also having the same problem. Could you please share how to correct this? Thank you.

Hi there, I'm having the same problem, can anyone help?

On 6/19/2023 at 6:23 AM, Molololol said:

Hi there, I'm having the same problem, can anyone help?

 

If you share link to your site, we can check easier