Single Product Layout on Mobile

Hi there,

There does not seem to be a “container”, so I should set some margins.

Not sure if I fully understand.

Can you explain a bit more or provide a mock-up of what you are referring to here?

I had sent a link to one of my product pages, I will put it in the private information box again. Please narrow your window to "mobile". I can't find a way to set a margin around the woocommerce content. Thanks

Try increasing the content padding in mobile mode:
https://docs.generatepress.com/article/content-padding/

It's currently set to 5px only.

Thank you, but... Reading "Adding CSS" I remembered that I use a layout-element for the single product page. So I removed the layout-element, set the content padding for mobile to 20 px for top, bottom, left and right, regenerated the css, cleared cages - without success. There is a css for woocommerce for mobile that needs to load, can you see if it does? Whatever is missing, it is missing only on mobile, not for desktop or tablet. (I also disabled the hook element above the single product page, but it had no influence.)

It is loading correctly from what I can see:
https://www.screencast.com/t/fS7N2TUTzsk

Make sure to clear your browser cache.

Yes, it works. Thank you for taking time.

No problem :)