How To Use The Mega Drop Down Module?
Remember to update or publish your work as you go. Follow the images below.
1.) Mega Menu.
Go to your Mega Menu (please click HERE to learn how to create a Mega Menu and assign it to the default WordPress 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).
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.
3.) Assign The Menu.
Go back to your Mega Menu, open up the Mega Drop-Down module and choose your menu. Then click the Save button.
4.) The Front End.
This is what the Mega Menu looks like with the Mega Drop-Down module and new menu named Drop Down Menu 1. Hovering over Products makes the Mega Menu appear with the option of selecting from three product categories. You can follow these steps to create drop-down menus with any number of parents, children and grandchildren menu items.
5.) Styling 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.
6.) 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.