How To Build A Mega Drop Down - Demo


Follow these steps to build the Mega Drop-Down Menu on our demo site. Click HERE to see the demo page.



How to create the Mega Drop-Down Menu on our demo website.




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.

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.

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.

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).

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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.