How To Use The Mega Drop Down Module?
Written by the Divi Engine Documentation Team
Watch This Video
Follow this step to use the Mega Drop Down Module.
Step 1: Add The Mega Drop Down Module
Go to your Mega Menu and add the Mega Drop Down module, then click the Save button. At the moment Mega Drop-Down only works on a Mega Menu positioned using the default WordPress menu and not on a Mega Menu positioned using the Tooltip (Popup).
Step 2: Create A WordPress Menu
Create a new menu that you would like to work with the Mega Drop-Down module in the WordPress menu section. In the image below the menu is named Drop Down Menu 1. The Knives product category is added as a parent item with two products (Chef's Knife and Bread Knife) as children. The Chef's knife has two colours added as grandchildren menu items.
Step 3: Assign Your Menu
Go back to your Mega Menu, open up the Mega Drop-Down module and choose your menu.
Step 4: Style The Mega Drop Down
In addition to the normal Divi styling options, we have added two extra features that allow you to specify the width of the parent and child menu items as well as the direction of the child menu.
Step 5: Drop Down Overlay
If you would like your Mega Drop-Down to overlay, please add the custom CSS class dmm-overlay into the menu as seen in the images below. Add it to the child menu item with grandchildren.
Please email us at [email protected] if you are unable to get Divi Mega Menu working.