[Resolved] Remove Mobile Menu

[Diego]

Hello everyone
So the first time I try out this support forum 🙂

I started building a site (www.shortorial.com). But I don’t want to have a menu in the header. There should just be the title of the page and a search option. So I created a menu with no content.

On my computer it looks fine and there is no Menu. But when I check it on the mobile phone, this “Menu option” appears. Is there an option to remove this?

Hopefully someone can help me out with this and wish you all a nice day!
Best
Diego

[Tom]

Hi there,

Have you tried disabling the navigation in the Customizer?: https://docs.generatepress.com/article/navigation-location/

Let me know 🙂

[Diego]

Hello Tom

Thank you so much for your fast reply!
Unfortunately I chose the option “Use Navigation as header”, so I’m not able to disable the header because the search option is in there.

On the computer everything looks fine, but when I go to mobile than this “menu-burger” appears.
Is there a possibility to disable it? I just want to have the page title and the search option in there.
If you want you can have a look here: http://www.shortorial.com

Thank you so much Tom!
All the best from Switzerland
Diego

[Diego]

Is there anyone who can help me out with this? :/

[Leo]

Not sure why we never received notification for this. Sorry about that!

Give this CSS a shot:

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

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

Let me know 🙂

[Diego]

Hei Leo

THANK YOU SOOO MUCH!!!
It worked perfectly! Wow
You guys do an amazing job!

All the best from Switzerland
Diego

[Leo]

No problem 🙂

Sorry for the delay!

[Author]

Posts