Insight Menu Block

Build a menu the familiar WordPress way, then place it in any block theme header.

1. Create or edit menus under Appearance → Menus.
2. Insert Insight Menu Block in your header template part.
3. Choose the menu, alignment, ARIA label, breakpoint, and sub-menu behaviour.
4. Style base colors and pick a hamburger (Subtle or Default). The mobile overlay shows your menu automatically.

• Menus from Appearance → Menus, output with wp_nav_menu()
• Alignment, ARIA label, breakpoint, sub-menu type (hover / click / click-toggle)
• Full-screen mobile overlay
• Open mobile sub-menus by clicking the parent item
• Colors: text, hover, current, hamburger, mobile background / text
• Hamburger styles: Subtle and Default

Use WordPress core CSS Classes on each menu item (Appearance → Menus; enabled under Screen Options). Those classes are output on the front end.

Pro add-on

Need more? See Insight Menu Block Pro.
* Editable mobile overlay (InnerBlocks)
* Extra overlay-blocks
* 6 hamburger icons
* Height/label mobile icon
* Mobile overlay partial and sideways
* Last dropdown opens left
* Open sub-menus on mobile
* Overlay editing mode (editor toggle)
* Extra spacing, item padding, submenu width
* Font: Inherit, or a font already installed by the theme or the Font Library
* Separate mobile menu, or inherit the desktop menu
* Submenu colors, close color
* Menu-items condition logged-in/logged-out

Menus are stored by WordPress core (nav_menu / nav_menu_item). Deactivating this plugin does not delete them.