Mega menus for the Navigation block
SoftIcon Mega Menu
Classic mega menu plugins use the old Appearance → Menus screen, which block themes do not have. SoftIcon Mega Menu adds a Mega Menu item to the Navigation block, and each item opens a panel you design in the Site Editor.
Free
on WordPress.org
Site Editor
design panels with blocks
v1.1.1
latest version
Docs
guides and FAQ
What it does
Made for block themes
A Mega Menu item for the Navigation block of themes like Twenty Twenty-Five.
Design with any blocks
Columns of links, images, buttons, even a product grid. Panels are template parts you can reuse.
Turn a link into a mega menu
Select a menu link and use Transform → Mega Menu. It keeps its text and address.
Hover or click
Open panels on hover or on click, centered on the screen or lined up with the item.
Phones handled
The panel opens inside the phone menu, or the item just goes to its link.
Tiny and accessible
About 2 KB of script with no dependencies. Enter, Space, Escape and Tab work as expected.
Why Mega Menu
A better way to do it
What changes when you use SoftIcon Mega Menu.
The usual way
Block themes have no mega menu option
Classic mega menu plugins need the old Menus screen
Long dropdowns hide your best links
Big menus are hard to use on phones
Recommended
The Mega Menu way
A Mega Menu item for the Navigation block
Design each panel in the Site Editor with any blocks
Columns, images and buttons in one panel
The panel works inside the phone menu too
Tour
See how it works
A quick look at the plugin on the page and in the editor.
01
A real mega menu in a block theme
A mega menu panel under the menu item
02
Design the panel in the editor
Panel settings in the block editor
03
Width, position and style
Width, position and style settings
04
Works in the phone menu
The panel inside the phone menu
Screenshots
Explore the interface
The plugin on the page and in the editor, as it really looks.
How it works
Your first mega menu takes a couple of minutes:
- Go to Appearance → Mega Menus and click Create panel.
- Design the panel with any blocks.
- Open the header editor, select the Navigation block, click + and add a Mega Menu item.
- Choose the panel in the block settings and save.
Video tutorials
Watch it in action
Short videos, made by the people who build the plugin.
Mega menus for block themes
Create a mega menu, step by step
Learning materials
Learn Mega Menu in minutes
Step-by-step docs, a FAQ and short video tutorials, written by the people who build the plugin.
And there is more
Also in the free plugin:
- Panel width: content, wide, full screen or custom
- Space above the panel, padding, rounded corners and shadow
- Background and text colors
- Optional link on the menu item text with a small arrow
- Panel always stays inside the screen
- Works without JavaScript on hover and keyboard focus
- Video guides on the Appearance → Mega Menus page
Get it free from WordPress.org
Install it from your dashboard: Plugins → Add New → search “SoftIcon Mega Menu”. Questions? See the FAQ or ask in the support forum.