Build a menu the familiar WordPress way, then place it in any block theme header.
- Create or edit menus under Appearance Menus.
- Insert Insight Menu Block in your header template part.
- Choose the menu, alignment, ARIA label, breakpoint, and sub-menu behaviour.
- 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.
Screenshots
Insight Menu Block in a header template, with a menu selected.
Block settings for the menu, alignment, ARIA label, breakpoint, sub-menu type and colors.
Menu structuren and menu builder Admin → Menus, including class field.
The menu on the front end, including the full-screen mobile overlay.