Divided Menu on Mobile

[comstarsupport]

I see in the forums that the way to create a header in Pro with the logo in the middle of the menu is " by creating a custom header in Pro > Headers . Insert a bar with three containers. The first container will be for your first menu, the second one will be for the logo image and the last one is for the other menu."

How do I assure there is a single hamburger menu on mobile containing all menu items from “both” menus?

[prakash_s]

Hello @comstarsupport,

Thanks for writing to us.

I would suggest you please follow these steps.

1. Create a separate menu for mobile from the Wordpress dashboard —>Appearance—>Menu
2. Add the Navigation dropdown menu element to the third container, hide it for desktop, and display it for mobile using breakpoint.
3. You need to assign the mobile menu to the Navigation Dropdown
4. Hide the Navigation Inline element from the third container for the small screen.
5. You can also hide the First container for the small screen.

Hope it helps
Thanks