How to use the Mega Drop Down Module?
1.) Mega Menu.
Make your way to your Mega Menu and add the Mega Drop-Down module, then click the Save button.
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 and Our Story blog post is added as a parent item with a blog post called Beginnings as a child of this parent.
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 the Our Story menu item makes the Beginnings blog post appear by default to the right. 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 dmm-overlay in the menu as seen in the images below.