Creating a Mega Menu

Divi Mega Menu is quite simple to set up. First you need to create the mega menu content and then assign that to a menu item you have. You can see the steps below.

1) Create the menu item

Head over to Divi Engine > Divi Mega Menu and create a new menu item.

You will now see the option to create the menu item and some settings below – see screenshot

You can use the builder to create whatever design you want.

Other settings are:

  1. Custom Identifier (css class) – here you need to create a unique CSS class to differentiate between the menus and to make sure it is linked to the correct parent menu.
  2. Menu Animation – Select the animation that you want to happen when the dropdown shows.
  3. Animation Duration – Choose for how long you want the animation to take to complete.

2) Assign the mega menu to a parent menu item

Go to Appearance > Menus

You now need to allow the use of CSS classes – on the top right you will see a box saying screen options, click that and then click on css classes.

Now create a menu item and assign that same css class(identifier) that you gave your menu to this parent menu item. See screenshot below

Thats it. You now have your fresh new Mega Menu!