Hey everyone.
How do I go about adjusting my product pages so the product image doesn’t start at the very top of the page. It starts literally in the header of the website. Really weird. Not sure this theme is for me.
Here is the link to a product on my site to give you an idea:
Thank you in advance!
-Justin
You can do that by adding this code to Custom CSS of your theme settings in Sales channels > Online Store > Themes > Customize > Theme settings
.product-information__media .product-media { margin: 100px 60px 0 60px; }
Best regards,
Dan from Ryviu: Reviews & QA
Hi @Justin34
Yeah it is theme “feature”.
But you can move Product information section a bit down. In its Custom CSS you can enter
{
padding-top: var(--header-height);
}
and it will move down for a height of header.
Thank you Dan and Laza for your replies. Got it looking better now. Much appreciated.
You are very welcome!
