Spacing top of screen in WooCommerce Shop
-
Hi!
As you can hopefully tell from my screenshot, the spacing from the top of my screen in my shop is awful. I have the same issue on the single product pages. On other pages I was able to fix it with a spacer through Elementor. Since I don’t have Elementor Pro, I can’t edit the WooCommerce shop page through Elementor. Do you have any idea how I can fix this?
Thanks in advance!
Kind regards,
Iris
Attachments:
You must be
logged in to view attached files.
Hello,
I saw the screenshot you attached and tried visiting your website but the maintenance mode is enabled.
Please deactivate the maintenance mode then tell me to check it myself and help you out accordingly.
Best Regards.
Hi,
I’ve deactivated maintenance mode, you should be able to check it out now!
Kind regards,
Iris
Hello,
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.shop-loop-head {
margin-top: 160px;
}
Regard’s.
Xtemos Studios.
Thanks so much, that fixed the issue for the shop page. The issue still is the same on the single product page though, is there any way to fix that?
Hello,
You are Most Welcome.
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.single-product-page .product-image-summary-inner {
margin-top: 160px;
}
Regard’s.
Xtemos Studios.
.
