Headline Gap when Hamburger Menu Comes Up

Support
#1

Hi,

I am having an issue whereby my headline is dropping down whenever the hamburger menu is present on the screen.

Hamburger menu on (screen is 978px or smaller):

Normal Menu on: (how the headline should appear - with no gap below navbar):

Thanks.

#2

Hi Tom,

Thank you for reaching out to us. To fix the issue, please go to Theme Options > Header > Navbar > Navbar Top Height and set it to 146. Currently it is set to 80 however the actual height of your Header is 146 which is causing the issue.

Cheers!

#3

Hi,

But if I set it to 146 the gap just appears on the desktop too, rather than removing it for both?

Do I just have to set a minus margin on the headline for the top of the page?

Thanks, Tom.

#4

Hey Tom,

To remove the gap, simply remove the top padding of your first section that has the headline and add the following code in the Theme Options > CSS:

.hentry .entry-wrap, .search-results .x-container>.product .entry-wrap {
    padding-top: 0;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#5

Thank you.

That’s all working.

Thanks.

#6

Hey Tom,

You’re welcome!
It’s good to know that it has worked for you.

Regards.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.