[Support request] Woocommerce Shop

[Paul]

When I view the woocommerce product page on some mobile devices (such as the iphone X), I get this strange white space issue. Picture is linked. If I interact with the picture a little bit (scrolling, clicking) the white space disappears.

I don’t see it the mobile customizer view and I don’t see it when I use the inspector on chrome. I’m not sure how to troubleshoot this. For reference, the page appearing in the screenshot is:
Protein Product

[Paul]

Doesn’t look like my screenshot link is visible.

https://share.icloud.com/photos/0b-cycMKU1gCDrXiZY5JEjCKA

[Tom]

Strange, can’t get it to happen on a default install (gpsites.co/seller).

It may be a plugin causing the extra space.

You can try doing something like this:

@media (max-width: 768px) {
    .woocommerce-product-gallery .flex-viewport {
        height: auto !important;
    }
}

[Author]

Posts