Remove whitespace above and below product images (mobile)

Store Design
, ,
1

Hello, I have some annoying whitespace showing on my product page, on mobile only, above and below the product image. This puts my content much further down the page than I’d like. How can I change this?

Product Page: https://gymnotes.co/products/gym-notes

The theme is called Effortless

unnamed.jpg
unnamed.jpg736×1280 77.5 KB

2

To add a note, I think it has something to do with the image container itself:

IMG_0742.jpg
IMG_0742.jpg844×1280 92.6 KB

3

Hi @gymnotes

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->section-main-product.css

@media only screen and (max-width: 600px) {
.product-slider-main, .zoom__image .zoom, .zoom__image .zoom img {
    height: auto !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

That worked perfectly, thank you!