Mega Menu Documentation
To edit the header menu, go to the theme customizer
In the settings, you will see two sections:
-ca095eb9d356a998310f0491704face2.png)
Header is for Desktop only. Header - mobile is for mobile only
Change Desktop Menu
Click on Header. Everything is the same as before except there is a new optional checkbox:
-efac05063d21f1864ab1f735dd37c955.png)
By checking this, you can have each nav item in the navbar be a mega menu item or a regular menu item. You can see in the screenshot below we have Featured and Women’s. These are mega menus that will be in the nav bar.
-48b691e6562dbbc37751cf8101b7279f.png)
If you want to add a menu item, click on add content, megaMenu. This will add another menu item. Then you can customize and choose the menu you want.
-97b527d4547a7d8e2c128cac0c9e51e2.png)
Where it says Top Menu, this is the text that will show in the nav bar. Then when you hover the mega menu will show. Top Menu Link is the link associated with the Top Menu Item.
If you want just a regular menu item, you can click on add content, regMenu. Again, specify the Top Menu text and link. If you only want a single link in the nav bar, leave the menu blank like this:
-4e1d9f264b5b760c2c4e1ffa21e10933.png)
Change Mobile Menu
Just like the desktop nav bar, you can also change the navigation on mobile too. Go back and click on Header - Mobile
-54cdc706aa3d5ecf5707f885d8082cb0.png)
The settings are similar, however you cannot define images associated with Top Menu items. Again there is a checkbox to “Enable Mega Menu Nac”. You can add Mega Menus just like on desktop or regular menus.