How To Build A Mega Drop Down - Demo
Introduction
Follow these steps to build the Mega Drop-Down Menu on our demo site. Click HERE to see the demo page.
Preview
Description
How to create the Mega Drop-Down Menu on our demo website.
Difficulty
Easy-Medium.
Time
20 Minutes.
Step 1: Set It Up - Mega Drop Down Module
Create a new Mega Menu in Divi Engine > Mega Menu.
1.) Give your Mega Menu a Title.
2.) Give your Mega Menu a Custom Identifier. This identifier must be unique, with no spaces and the words must be separated by either "_" or "-" sign.
3.) Add at least one Mega Drop-Down Module into a Divi Row.
2.) Give your Mega Menu a Custom Identifier. This identifier must be unique, with no spaces and the words must be separated by either "_" or "-" sign.
3.) Add at least one Mega Drop-Down Module into a Divi Row.
Step 2: Set It Up - New WordPress Menu Item
Create a new item to add to your main menu in Appearance > Menus.
1.) Click on Appearance > Menus.
2.) Add a new menu item.
3.) Add the unique identifier as a CSS class into the menu item.
2.) Add a new menu item.
3.) Add the unique identifier as a CSS class into the menu item.
Step 3: Set It Up - Mega Drop Down Menu
Create another menu containing the items that you would like in the Drop-Down.
1.) Click Appearance > Menus.
2.) Create a new menu naming is something like, "Mega Drop Down menu."
3.) Add as many menu items as you would like including if you need, submenus.
2.) Create a new menu naming is something like, "Mega Drop Down menu."
3.) Add as many menu items as you would like including if you need, submenus.
Step 4: Customize Our Settings - Mega Drop Down Module
Head over to your Mega Drop-Down Module and edit the Main Content Tab Settings.
1.) Select your unique Mega Drop-Down menu made above.
2.) Max-Width as 300 (or a distance of your choice).
2.) Max-Width as 300 (or a distance of your choice).
Step 5: Add Custom Code
No custom code here.
More Support?
Please email us at [email protected] if you are unable to get Divi Mega Menu working.