-
My navigation bar in the desktop view is white. When the mega menu is expanded, it is also white. But in the mobile view, the overlay is black. However, the mega menu remains white and looks silly. Is there a setting somewhere that allows the normal off-canvas menu to be displayed in the mobile view instead of the mega menu?
-
Hi there,
Can I see your site?
-
No, it is not live yet.
I thought that perhaps there was a setting whereby the site header with the new GP navigation and the mega menu would only be displayed on desktop view, and the old menu should be displayed in the mobile view.Because Mega Menu looks not good on mobile.
-
You should be able to create a display condition for the mega menu (overlay panel).
1. Set the condition to device is mobile.
2. In the overlay panel, tick the Invert condition box.So when it’s on mobile, stop displaying the mega menu.
-
But then you can’t see the navigation entries anymore, can you?
-
You can add 2 same parent menu items to the menu at appearance > menus.
Parent menu item 1 to accommodate the mega menu.
And for parent menu item 2, you can add normal sub menu items.
Then create a condition to show on mobile, and create another condition to hide on mobile.
Assign the condition hide on mobile to the parent menu item 1, and assign the condition show on mobile to the parent menu item 2.
- You must be logged in to reply to this topic.