Gap between Header Builder header and page


Hi there,

I have an issue with some white space between my header and body on all pages.

I have read the ‘Removing blank space’ help page, but it hasn’t fixed my issue (I can’t find where to do step 1? But I also want to do this globally).

When I resize the browser window though, it fixes itself. See screenshots below:


Ideally I would like the buttons in the header to sit on top of the content, but unsure if this is possible.

Website link:

Many thanks in advance!



Please add this code in Theme Options > Advanced > Custom CSS:

.mkhb-fixed--filled {
    height: 100% !important;

Best regards,
Artbees Support.


Thank you for the response.

Unfortunately that’s not exactly what I’m after (making the Header Builder header overlap page content completely) as it seems to then conflict with other pre-styled pages such as ‘Employees’, by obscuring content behind the header.

Please see screenshot below:

Ideally I would like the blue buttons overlap only (until scroll) - but I’m not sure if this is possible. If it is not, having the whole page sit under the header and buttons on page load is fine, as long as there isn’t the white space I initially posted about.

I hope this makes sense!

Best regards.



Could you please try this css code instead?

.mkhb-fixed--filled {
    height: 137px !important;

Thank you.
Best regards,
Artbees Support.


That works perfectly - many thanks for the great support.


You’re welcome.

Best regards,
Artbees Support.