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
* Sticky header: when a block in the header is set to Position: Sticky, the header sticks
* Publish rules: add a newly published post as the last child of a menu item

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