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.