Navigation Block with Mega Menu

Plugin Banner

Navigation Block with Mega Menu

by jetmonsters

Download
Description

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

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

Usability issues backend/frontend

By georg03 (georgdem) on September 4, 2025

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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

Lacks a demo

By Manuel Schmalstieg (tar.gz) on August 21, 2025

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.

Vraiment bien

By Olybop on January 3, 2024

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

Was perfect for Block site

By toledogeeks on November 19, 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.

Simple to use and keep it simple

By Huan (daodaotw) on October 15, 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?)

Thank you!

By Erik (codekraft) on July 10, 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!

Worked great, now use of the plugin block causes editor unresponsiveness

By dilbert16588 on January 4, 2023

When I first added the plugin, I would have rated it high as it did the job I needed: adding a non-menu menu as a block with Gutenberg. It worked perfectly fine with my main theme & blocks builder: Kadence Pro.

I haven't had need to change any of the places where I'm using the blocks till now - and frankly, there are major issues with compatibility and the blocks cause the WP editor to be unresponsive. (Though the front end continues to display fine.) After much back and forth, this plugin has a major conflict with Kadence theme & blocks - and it appears that the plugin's developers have abandoned it, or changed directions that no longer align with Kadence. Sounds like it still works for some, and it still works on my site's front end. But the plugin is unusable on the backend now with Kadence and would not recommend the combo.

It seems to work fine, but expect to have to add your own css

By Matt (mhuntdesign) on November 3, 2022

The plugin works and it's easy to create a mega menu if you know how to work with blocks. I would suggest that there is no transitions for the menu, so that would have to be added with css. It lacks a few options such as controlling what gets clicked and you will have to completely style it yourself. This is suitable for developers but not DIY types that want theming to be part of the menu.

No support

By kdenby on August 3, 2022

This doesn't work in WordPress 6.0.1 on 2022 Theme and no tech support being provided despite several people requesting and even making suggestions for a fix.

No longer works

By antonyjosephsmith on August 1, 2022

Suspect this may be abandoned

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.
Back to top