A mega menu shows many links, headings and even images in one wide dropdown, which suits sites with lots of pages.
The Navigation Menu block in Nexter Blocks Pro turns any pattern into a mega menu panel.
For every Navigation Menu setting in one place, see the Navigation Menu block guide.
Before You Start
- Edition: Pro — Mega Menu needs Nexter Blocks Pro.
- Block to enable: Navigation Menu, switched on under Nexter > Blocks in your WordPress dashboard.
- A pattern for each mega panel: build it under Nexter > Patterns with columns, headings and links.
Create the Pattern
- Go to Nexter > Patterns and add a new pattern.
- Build the panel with blocks, for example Columns with a heading and a list of links in each column, and publish it.
Add the Mega Menu
- Add the Navigation Menu block to your header template and set Type to Manual Menu.
- Add the top-level item (for example Our Services) with Menu Level set to 0 Level.
- Click Add Menu, move the new item directly below it and set Menu Level to 1 Level.
- Set Submenu Type to Mega Menu and choose your pattern in Select Pattern.
- Pick Mega menu Type: Default (custom width), Container or Full Width. Save.
Mega Menu Settings
| Setting | Options | What it does |
|---|---|---|
| Select Pattern | Your patterns | The content of the mega panel |
| AJAX Load | Default, Standard AJAX | Default loads the pattern with the page; Standard AJAX loads it later (turn on Enable Ajax Templates in Nexter > Extra Options > Settings) |
| Mega menu Type | Default, Container, Full Width | Panel width; Default adds Container Width and Dropdown Menu Alignment |
| Mobile Mega Menu Link | On / Off | Shows a plain link instead of the panel in the Custom mobile menu |
How It Behaves
- Hovering (or clicking, with On Click) the top-level item opens the pattern in a wide dropdown.
- The panel is a normal pattern, so you can edit it once under Nexter > Patterns and every menu using it updates.
Limitations
- Pro only. The free plugin shows Mega Menu (Pro) and cannot select it.
- Large patterns with many images add weight to every page. Consider Standard AJAX for heavy panels.
Troubleshooting
The dropdown is empty
The pattern is not published or no pattern is selected. Choose a published pattern in Select Pattern.
The mega item shows as its own top-level link
Set its Menu Level to 1 Level and place it directly below the parent item.
