---
title: "Mega Menu"
url: "https://divitorque.com/docs/mega-menu.md"
canonical: "https://divitorque.com/docs/mega-menu/"
published: "2026-07-08"
modified: "2026-07-25"
author: "Fahim Reza"
description: "Turn a plain Divi menu into a full navigation experience. Learn how to add and configure the Mega Menu extension in Divi — settings, options, and tips."
tags:
  - "Extensions"
---

# 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.