Extra white space below Main header row (WoodMart Header Builder)
-
Hello,
I’m using WoodMart 8.4.1 with the Header Builder. On my header (custom header set as default), there’s an extra empty white strip appearing directly below the Main header row, between the header and the page content.
What I’ve already checked:
Header bottom row is hidden on both desktop and mobile (Hide on desktop + Hide on mobile = ON), Row height = 0.
Reducing the Main header “Row height” reduces but does not fully remove the white space — some empty area still renders below the logo/menu row.
Elementor cache cleared, LiteSpeed cache purged, hard reload done.
There is no empty container in the Elementor page content — the gap is rendered by the header itself (confirmed in DevTools: the empty space sits inside the whb-header element, below the main header row).
Could you tell me what controls this residual height and how to remove it completely? Happy to provide admin access or a screen recording.
Thanks.
Attachments:
You must be
logged in to view attached files.
Hello,
The theme applies default top/bottom paddings to the page wrapper for WooCommerce template spacing, creating a ~40px gap between header and content.
In order to get rid of this space, enter the page: Dashboard > pages > find the page > edit and set margin-top:-40px in the upper container.
Please follow this guide and remove the white space after the header.
https://xtemos.com/docs-topic/top-and-bottom-paddings/
Best Regards
doesn’t work
Attachments:
You must be
logged in to view attached files.
Hello,
You do not need to add this css code. Please navigate to pages > edit the page with Elementor and set margin-top:-40px in the upper container to get rid of white space.
See Screenshot for better understanding: https://postimg.cc/jwzZNjLt
Best Regards
.
