Beschrijving

This WordPress mega menu plugin enables you to build tailor-made site navigation menus in Gutenberg.

Note: this WP navigation block is made for the full-site editing experiences in WordPress. Until full-site editing is available in Core, the plugin provides limited options since it can’t fully integrate with the navigation menu.

The WordPress navigation menu plugin adds a few free mega menu Gutenberg blocks for different purposes:

Mega menu block.
Mega menu item block.
Plain menu block.
Plain menu item block.

The mega menu item block is very flexible – it allows you to add drop-down menus that can handle any WordPress block, giving you full control over the look and feel of your menus.

How you can approach the WordPress mega menu plugin:

The mega menu block is a container that can handle only mega menu items, which, in their turn, can handle nested drop-downs, i.e. contain any other blocks.
Plain menu blocks can contain plain menu items that can handle drop-downs with other plain menu items.
The width, color, font size, layouts (horizontal and vertical) of some navigation blocks are fully customizable.
You can optionally transform a WordPress navigation menu into the “hamburger button” for mobile devices.

Searching for the best Gutenberg addon?

Check out Getwid WordPress Blocks – a top-rated block & template library for the block editor.

Copyright

Navigation Block with Mega Menu, Copyright (C) 2020, MotoPress https://motopress.com/
Navigation Block with Mega Menu plugin is distributed under the terms of the GNU GPL.

Credits

Schermafbeeldingen

Installatie

Upload the plugin to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.

Beoordelingen

georg03 4 september 2025 1 reactie

Hello, thanks for creating a block based mega menu! I use this plugin in a couple of projects together with WP default themes Twenty Twenty-Five and Twenty Twenty-For and want to address some usability issues in front and backend. When creating a menu in FSE editor in a Header template part the dropdown/submenu is usually not visible when you click on a Menu Item. You have to scroll to view all items. The desired behaviour would be to see the whole submenu as shown in the WP plugin “Sreenshots” section. When you click on a Plain Menu item placed in a submenu it actually links within the Header Template to the linked page. I then see the frontend of the website within the Header Template which is apparently a bug. When I want to go back I get an error message and need to exit and re-enter the FSE editor. It would be nice to add also a menu-is-open class to body in order to make it non-scrollable when opening the menu. Currently the menu is not WCAG compatible, there are no aria attributes and you can not navigate through keyboard with TAB, Enter/Space, ESC. Thanks,Georg

Manuel Schmalstieg 21 augustus 2025 2 reacties

First of all, thanks for providing a mega menu plugin that supports block themes and Full Site Editing 🙏 It would be very helpful if this plugin had a documentation page with some examples of how it should look. I tried to use it to build a mega menu, and found that the mobile version has a major usability issue : the toggle button to show the mega menu is way too small, only 20px wide. Maybe I didn’t built it correctly ? Hard to say without a demo that I could compare to. PS: I opened an issue on the github repository, with a screencapture that shows the problem.

Olybop 3 januari 2024 1 reactie

Le plugin parfait pour faire des méga menu en mode Gutenberg. fonctionne vraiment bien. le Bloc “mega menu” fonctionne bien, par contre erreur sur le “plain bloc” sur la version actuelle 1.0.6

toledogeeks 19 november 2023

This plugin saved the day for my plunge into building a custom block theme. The alternatives were ugly, huge mega-menu builds that are not easy to implement for a smaller site.

Huan 15 oktober 2023

Simple to use. I hope more people start using FSE/block-theme-friendly mega menu plugins. The mobile menu toggles should change to the ones from core navigation block. The “Plain Menu” block works the same as the core Nav block (did I miss something?)

Erik 10 juli 2023

This plugin was very useful for adding a megamenu to my shop, I had to modify it a bit but the result is excellent! Definitely does not deserve this rating, keep it up guys!

Lees alle 12 beoordelingen

Bijdragers & ontwikkelaars

“Navigation Block with Mega Menu” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

“Navigation Block with Mega Menu” is vertaald in 3 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Navigation Block with Mega Menu” naar jouw taal.

Interesse in de ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.0.7, May 12 2025

Minor bugfixes and improvements.

1.0.6, Nov 16 2023

Improved compatibility with WordPress 6.4.

1.0.5, May 22 2023

Added the ability to change the mobile menu toggle button markup via a filter.
Fixed performance issues that can be caused by a large quantity of child blocks in the menu dropdown.
Improved compatibility with PHP 8.
Minor style improvements.

1.0.4, Sep 16 2022

Fixed an issue when the submenu icon may not be shown if the user does not logged in.

1.0.3, Aug 04 2022

Improved compatibility with FSE.

1.0.2, Apr 04 2022

Improved compatibility with WordPress 5.9.

1.0.1, Mar 22 2022

Fixed an issue with font sizes.
Added the ‘is-current’ class for a current menu item.
Added filers for menu item classes to the Menu Item and the Plain Menu Item blocks.

0.0.3, May 28 2021

Fixed an issue with additional CSS class(es).

0.0.2, Aug 04 2020

Minor bugfixes and improvements.

0.0.1, Jul 27 2020

Initial release.

Navigation Block with Mega Menu