- This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago by
.
-
Posts
-
I have three GeneratePress menus on this website. Primary Menu = Main, Secondary menu = Social, Slideout Menu = Payments. On the mobile version, I can see the short descriptions for the Main and Social menus, but when I click on the burger icon for the Main menu, I actually get the Payments menu. It doesn’t seem to be possible to see the Main menu on mobile.
Customer Support
Hi there,
The simplest solution would be to use slideout navigation for Desktop only:
https://docs.generatepress.com/article/activating-slide-out-navigation/Let me know if this works for you 🙂
Leo,
I’ve switched the slideout menu to desktop only, and the Main menu now works on mobile. However, this is clearly not a workable solution, as I have completely lost my Payments menu from the mobile platform. Is there another option?
Neil.
Try these steps:
– Add all the menu items you want showing up in mobile in the menu assigned to slideout menu.
– Add
hide-on-desktopandhide-on-tabletclasses for the items that should only show on mobile.
It would be the opposite of the first example here:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classesLet me know if this helps 🙂
Sorry if I’m being a bit stupid. I can’t see where to add the custom css for the individual menu items. Can you please clarify how I should do this? A screenshot would be useful.
The example I provided above should link you to this page:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classesLet me know 🙂
Fixed, thank you.
No problem 🙂
- You must be logged in to reply to this topic.