[Resolved] How to make the menu in the header display like the mobile menu?

[sportsfan74]

Hi Support

Must one add additional css to make menu in the desktop header to display like the mobile menu?

regards.

Sportsfan74

[Jan]

Hi Sportsfan74,
what do you mean to display like mobile menu?
Something like this:

webseite.be

[sportsfan74]

Hi Jan

Yes. Exactly like that.

regards.

[David]

Hi there,

you can activate the slideout navigation for desktop and mobile.
Then to remove the horizontal primary navigation just create an empty menu and assign that to the Primary Navigation.

[Jan]

Hi
just go to customizer –> slideout navigation:

and turn it on. Than just choose, on which side you would like to have it. Than go to Design –> Menu –> and assign your specific Menu to Slideout Menu position.

Thats it.

Good luck

[sportsfan74]

Hi Support and Jan

thanks for your solution and time.

I will try that and see how it goes.

I visited this website wpleaders.com a few weeks back and it uses GeneratePress and I really love the menu style it has and want to know if it is also possible for me to create the same menu style for my blog or is this something very complicated? Also note that I am using the header widget for my logo and menu. Any suggestions?

regards.

[Leo]

Yeah they did a custom solution for sure.

Maybe try contacting them and see if they are willing to share it?

[sportsfan74]

Hi Leo

Thanks for your reply. I will just search the net in the meantime and see if I can find the right solution, if not exact, maybe similar. 🙂

regards.

[Leo]

No problem 🙂

[Author]

Posts