Header menu problems

[Karenborgers]

Hello,

Can you please help me out with this,
it is all about the menu.

1. Header doesn’t show hamburger menu on tablet.

2. Menu is going on two lines when the screen becomes smaller.

3. On this page http://www.natuurlijk-scharrelvlees.nl/verkooppunten/
when you open the search options it falls behind the menu.

4. Mobile and tablet menu is looking not good, where can i change this?
It is even double, and black…

Thanx a lot for helping me out, the whole menu is giving me a lot of trouble.

Kind regards,

Karen

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Apologize for the delay, will have a look at your issues.

-Rui

[Karenborgers]

Thank you, what was the outcome?
Can you give me an update?

[Karenborgers]

I fixt almost all the problems exept for two importaint ones.
Can you take a look?

1. Got this white space between the header and menu when resizing.
Add a printscreen.

2. White space at the bottom in the mobile version.
see second printscreen.

3. On this page http://www.natuurlijk-scharrelvlees.nl/verkooppunten/
when you open the search options it falls behind the menu.

Thanx a lot!!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Use this CSS:

.is-sticky #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu {
    margin-top: -20px;
}

2) Use this media query:

@media only screen and (max-width: 767px) {
   .sf-promo-bar.page-align-no {
       margin-bottom: -40px;
   }
}

3) I see this:

[Karenborgers]

Thanx a lot that solved it!

I ment the seach bar for the maps, but I managed that already.

[David Martin – Support]

Glad you got it sorted.