Skip to content
Get Pro

Mega Menu

The Mega Menu extension turns a plain Divi menu into a full navigation experience. Instead of a simple text dropdown, you can drop any Divi module — images, blurbs, tabs, buttons, and more — into a rich, multi-column mega panel.

How to enable Mega Menu

  1. Build a menu under Appearance → Menus.
  2. Edit the top-level menu item you want to expand and enable Mega Menu for it.
  3. Design the dropdown content using a saved Divi Library layout.

Building the dropdown

  • Content Source — assign a saved Divi Library layout as the dropdown's content, so you can place any modules inside.
  • Dropdown Width — full-width (edge to edge) or aligned to the menu item.
  • Trigger — open on hover or click.

Design

  • Dropdown — background, padding, border, radius, and shadow.
  • Animation — how the panel opens (fade/slide) and its speed.
  • Responsive — how the mega panel collapses into the mobile menu.

Tip

Design your dropdown as a reusable Divi Library layout — you can then update the mega menu's content globally from one place, and reuse it across multiple menu items.