Navigation Block with Mega Menu

Opis

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

Snimke zaslona

Instalacija

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

Recenzije

04. rujna 2025. 1 odgovor
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
21. kolovoza 2025. 2 odgovora
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.
03. siječnja 2024. 1 odgovor
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
19. studenoga 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.
15. listopada 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?)
10. srpnja 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!
Pročitajte svih 12 recenzija

Suradnici i Programeri

“Navigation Block with Mega Menu” je softver otvorenog koda. Sljedeće osobe su doprinijele ovom dodatku.

Suradnici

“Navigation Block with Mega Menu” je preveden na 3 jezika. Zahvala prevoditeljima za njihov doprinos.

Prevedite “Navigation Block with Mega Menu” na svoj jezik.

Zainteresirani ste za razvoj?

Pregledajte kôd, pogledajte SVN spremišteili se pretplatite na dnevnik razvoja od RSS.

Dnevnik promjena

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.