Hi,
I’m having some issues with the header on my site.
We’ve encountered two different spacing problems:
– Main gap below the header menu:
A white space appears between the header and the page content. When we apply a small negative margin in CSS, it looks perfect at first — but a few seconds later, the space reappears automatically, as if a Woodmart JS script recalculates spacing dynamically.
– White gap inside the full-width mega menu (dark blue area):
This issue has been successfully fixed using a small CSS adjustment to align the blue section correctly under the menu. That fix works consistently.
We also imported another header from another Woodmart site with nearly identical settings, and that one works perfectly without any spacing issues. So it seems this behavior is specific to the current header configuration or a JS calculation affecting the offsets.
Technical note (for your reference):
We only applied minimal CSS:
/* Fix for the inner gap inside the mega menu (blue area) */
.whb-header .wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark {
background-color: #0c2340 !important;
}
.whb-header .wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark > .container {
margin-top: -1px !important;
}
This solved the inner mega menu gap, but not the main spacing under the header, which disappears briefly and then reappears after load.
Could you please check what causes this offset recalculation and how to fix it properly without relying on CSS overrides?
Thanks you
.
