[Resolved] Different menu for Mobile and desktop

[Santiago]

Hello,
I activated Mobile Header and added this code but the mobile menu is still not showing and i dont know what is wrong.
Thanks for the help.

[David]

Hi there,

in Customizer > Layout > Primary Navigation – what value do you have in the Mobile Menu Breakpoint ?

[Santiago]

Hi,
Its at 0px value because i dont want the “hamburguer” on mobile.

[David]

The code you added only works if the Mobile Menu is visible.

So try this:

1. Remove the Code.
2. In your Primary Nav – add ALL the links you want for both Mobile and Destkop.
3. Activate the CSS Classes in the Menu Builder:

https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

Any Desktop only menu items add the class: hide-on-mobile
Any Mobile only menu items add the classes: hide-on-desktop hide-on-tablet
Any menu items you want on both then add no classes.

[Santiago]

It worked, thank you so much for the help 😁

[David]

You’re welcome

[Author]

Posts