Hello everyone!
I’m facing an issue with my Product Page in Wix Studio and could use some help. I’ve designed my webshop’s Product Page, but I’m struggling to eliminate excessive empty space below the product.
The product element is contained within a section, aligned to the top and has a max-width of 1000 px. The unwanted space seems to increase when I resize my browser (see video). I have a feeling that something might be tied to viewport width units, but I’ve scoured the settings without success.
Another possibility is that the varying lengths of product descriptions could be causing the problem. I’ve noticed that the page doesn’t seem to undergo a proper reload when navigating between different products. Could it be that the height of the Product element is consistently matching the tallest product?
I am using the “advanced sizing units” across the site, and I’ve removed any fixed height on both the product page and the section—everything is set to auto/none.
Here is a video where you can see the excessive space and how it behaves: screen-recording-excessive-space.mov - Google Drive
Any insights or suggestions would be greatly appreciated!
Thank you in advance for your help!