Gutenberg Block
The MenuX block is a native WordPress block that lets you place your menu directly inside the Site Editor — no shortcode, no widget, no PHP required.
When to use the block
Use the Gutenberg block if:
- Your theme is a Full Site Editing (FSE) theme (e.g. Twenty Twenty-Four, Kadence, Blocksy).
- You want to manage your header layout from the Site Editor (Appearance → Editor).
- You prefer a visual, drag-and-drop workflow over pasting shortcodes.
If you use a classic (non-FSE) theme, the shortcode is the right tool.
Adding the block to a page or template
- Open the page or template you want to edit. For site-wide headers, go to Appearance → Editor → Templates and open your header template part.
- Click the + inserter button (top-left toolbar or inside an empty block area).
- Search for MenuX or Menu Builder.
- Click the block to insert it, or drag it into position.
The block is registered under the name giuliomax/menu. If you use a child theme or custom code that references blocks by name, use this identifier.
Block settings panel
When the MenuX — Menu block is selected, its settings appear in the right-hand sidebar under the Block tab.
| Setting | Description |
|---|---|
| Menu location | Choose which location to render. Items assigned to that location in Menu Builder → Menu Structure will be shown. |
Theme, mobile style, search, cart, and all other appearance settings are configured globally in Menu Builder — they apply to every instance of the block or shortcode on your site.
Recommended: placing it in an FSE header
- Go to Appearance → Editor.
- In the left panel, click Template Parts → Header (or create a new header template part).
- Inside the header, add a Row or Group block to control alignment.
- Insert the MenuX block inside that row.
- Use the block's width and alignment controls to position the menu (e.g. full width, right-aligned).
- Click Save. The menu is now live on all pages that use this header template.
You can place multiple MenuX blocks in the same template — for example, a primary nav in the header and a secondary nav in the footer — each pointing to a different menu location.
Classic themes and the block editor
If your theme is not FSE but you still use the block editor for page content, you can insert the MenuX block into any page. However, for site-wide navigation in classic themes, the shortcode placed in a widget area or the theme's header.php is the more reliable approach.