[Resolved] Menu label still visible on mobile even if it does not exist

[Michal]

Hi,
Like I wrote in a title: why Menu label is still visible (and empty) on mobile phone even if I don’t have any on my website?

[Leo]

Hi Michal,

Check if you have the correct Slideout Menu selected in Dashboard > Appearance > Menus > Manage Locations.

Let me know.

[Michal]

Main menu set.

[Tom]

What do you mean by menu label? A screenshot or link might help 🙂

[Michal]

Hi,

Here you go:
https://cl.ly/0U262d2C3c0m

It’s on mobile as I said.
When I click this label it does nothing because there isn’t any menu set on this website.

[Leo]

Ok so you would like to remove the icon?
If so use this CSS:

.menu-toggle:before {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let us know.

[Tom]

Ah, if there’s no menu set you can just hide the entire mobile menu button:

.main-navigation .menu-toggle {
    display: none;
}

However, if there’s no menu, you might as well set it to “Hide” in “Customize > Layout > Primary Navigation”.

[Michal]

thanks a ton – I didn’t noticed that menu should be also disabled here:

Customize > Layout > Primary Navigation

[Tom]

Glad I could help 🙂

[Author]

Posts