Create Mega Menu In Gutenberg Editor

This is a WordPress Mega Menu Block that allows you to build a user-friendly and full responsive mega menu in the Gutenberg editor.

Supports unlimited levels of sub-menus and automatically collapses into a hamburger toggle menu on mobile devices.

How to use it:

1. Download and install the WordPress Mega Menu Block on your WordPress website.

2. Create a new Mega Menu Block in the Gutenberg editor.

Mega Menu Block New

3. Click the Add Link or + button to create top level menu items.

Mega Menu Block New Top Level

4. Add as many sub-menus to this menu item.

Mega Menu Block Sub Menus

5. To config the Mega Menu, click the whole block body and adjust the options on the right side. All possible options:

  • Preset size
  • Menu Item Color
  • Expand dropdown
  • Maximum width of top-level menu in pixels
  • Maximum width of dropdown in pixels
  • Maximum width of dropdown content in pixels
  • Mobile device breakpoint in pixels
  • Collapse on mobile
  • Toggle button alignment

Mega Menu Block Options


Create Mega Menu In Gutenberg Editor

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: MotoPress


Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
User Review
3 (2 votes)