Site logo

Archived topic

hamburger not showing on mobile home

4 replies · Started by Marise on March 1, 2023

Viewing posts 1–5 of 5

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

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.

Yes it's working thanks

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?

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;
}
This archived topic is closed to new replies.