[Support request] hamburger not showing on mobile home

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 4 replies, 2 voices, and was last updated 3 years, 3 months ago by David.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 1, 2023 at 2:18 am #2551022

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

March 1, 2023 at 3:06 am #2551085
David
Staff
Customer Support
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.
March 2, 2023 at 12:03 am #2552240

Marise

Yes it’s working thanks

March 2, 2023 at 3:22 am #2552451

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?

March 2, 2023 at 4:34 am #2552532
David
Staff
Customer Support
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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.