[Support request] hamburger not showing on mobile home

[Marise]

Hi there, somehow the hamburger meny is not showing on the mobile/tablet home. On other pages it is working fine. Any idea how to solve this? http://www.naturalwaves.nl

[David]

Hi there,

on your other pages, Elementor is applying its global styles to all buttons including the mobile menu.
But not on the home page.

Add this CSS:

#mobile-header .menu-toggle,
#mobile-header .menu-toggle:hover {
    color: #000;
    background-color: unset;
}

It will override the Elementor styles and make sure the hamburger is visible on all pages.

[Marise]

Yes it’s working thanks

[Marise]

Oh now the drop-down option of the first menu-item “vrouw” is not appearing on mobile. Before adding the css this was no problem. How to solve this?

[David]

That CSS should not have affected any menu items.
What i do see is some of the longer titles ( eg. Voetreflexmethodiek ) are escaping their containers

Add this CSS to fix that

.slideout-navigation.main-navigation .main-nav ul ul li a {
    width: auto;
}

[Author]

Posts