Archived topic
Different menu for Mobile and desktop
5 replies · Started by Santiago on July 13, 2022
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.
Hi there,
in Customizer > Layout > Primary Navigation - what value do you have in the Mobile Menu Breakpoint ?
Hi,
Its at 0px value because i dont want the "hamburguer" on mobile.
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.
It worked, thank you so much for the help 😁
You're welcome