Mega Menu Settings
Open WordPress Admin → Divi Engine → Mega Menu Settings for site-wide options. Per-mega-menu style (position, triangle, close icon, badges) lives on each mega menu post. See Style a Mega Menu.
Divi 4 uses the same hub. Older installs may still mention CSS class assignment; identifiers still work. Ajax Loaded, Setup, and Global Canvas are documented here as they appear in current Mega Menu.
Setup
The Setup tab is a short checklist:
- Confirm the header type.
- Create at least one mega menu.
- Assign it to a menu item.
- Preview on the front end.
The tab can suggest Navigational Header and Mega Menu Method from what it detects (Theme Builder, number of menus). Apply a suggestion only if the current dropdown position or load behavior is wrong.
On Divi 5, Setup also notes Global Canvases: design a canvas in Theme Builder, then select it on a mega menu. See Creating a Mega Menu.
General
Navigational Header
| Option | Use when |
|---|---|
| Default Divi (theme header) | Default theme header. Also keep this when a Theme Builder global header is already applied — Mega Menu uses that header automatically. |
| Theme Builder (global header) | Change this only if the panel is aligned to the wrong header. |
| Menu added on each page (not Theme Builder) | A Menu module sits on the page itself. |
| Mighty Header & Menu Maker | That plugin builds the header. |
Change this setting only if the mega menu sits in the wrong place.
Mega Menu Method
| Option | Behavior |
|---|---|
| Default — ready with the page | Layouts output with the page. Panels open immediately. Best with a small number of menus. |
| Ajax Loaded — lighter first page load | Layouts load after the page. Better when you have many heavy panels (shops, sliders, tabs). |
When Ajax Loaded is selected:
| Setting | Notes |
|---|---|
| Show Preloader | Short loading state while content is fetched. |
| Preloader Style | Spinner or None. |
| Spinner Color | Used when the style is Spinner. |
| When to Load | DOM ready, after full page load, or when the browser is idle. |
Other general options
| Setting | What it does |
|---|---|
| Desktop Header Fixed | Turn on if the desktop header stays at the top while scrolling (Theme Builder or custom header). Keeps the panel under the header. |
| Stop Click Through | Parent item does not navigate; it only opens the mega menu. |
| Enable Background Overlay | Overlay behind the panel. Set Overlay Background Color when enabled. |
| Menu Overflow Breakpoint/Max Height | Max height in vh when the viewport is short. Example: 80 = 80vh. 0 disables the scrollbar. |
| Delete all settings when plugin is removed | Removes plugin options on uninstall. |
| Delete all mega menus when plugin is removed | Deletes mega menu posts on uninstall. |
Mobile
| Setting | What it does |
|---|---|
| Disable On Mobile | Hide mega menus and use the default Divi mobile menu. |
| Mobile Menu Breakpoint | Width in pixels where mobile behavior starts. Default 980. |
| Fixed Mobile Menu | Turn on if the mobile header stays fixed while scrolling. |
| Stop Click Through | On mobile, the parent item does not navigate. Visitors open the panel with the arrow. |
| Specify Mobile Menu ID | If several Theme Builder menus exist, enter the Menu module CSS ID Mega Menu should target. |
What's Next
- Quick start — Apply Setup, then assign a menu item.
- Assigning a Mega Menu — Divi 5 pickers and Divi 4 CSS classes.