Menu
A navigation block for helping visitors move around the site.
The Menu block places site navigation drawn from a WordPress menu and renders it with full control over appearance. It is the straightforward route when you already have a menu set up in WordPress and want to drop it onto the page without building it link by link.
Where the Nav block is for constructing elaborate mega-menu navigation by hand, the Menu block is the simpler choice when a standard WordPress menu is what you need.
Adding one
- Select the section or container to hold it.
- Open the inserter and search "menu".
- Pick the Menu block.
Settings
In the menu's own panel. Appearance lives in the shared design panel.
| Setting | What it does | Reach for it when |
|---|---|---|
| Menu source | Selects which WordPress menu the block draws from | You have more than one menu registered and need to pick the right one |
| Layout | Sets the menu items horizontal or vertical, per breakpoint | Switching to vertical for a sidebar nav or a mobile-open drawer |
| Aria label | Sets the accessible label on the nav landmark | You have more than one nav on a page, so screen readers can tell them apart |
| Scroll direction | Hides or shows the menu on scroll up or down, with configurable offset, tolerance, and transition duration | Sticky headers where you want the nav to tuck away on scroll down and reappear on scroll up |
Styling
The Menu block uses the shared design panel for spacing, type, colour, borders, and effects, each adjustable per breakpoint. The panel includes separate controls for main-menu items and sub-menu items, so you can style the top-level links and dropdown links independently. The hover and active states are where you differentiate the current page link from the rest.
Accessibility
Give the menu an aria label whenever the page carries more than one nav landmark. Without it, a screen reader announces two elements both called "navigation" and the visitor cannot tell them apart. A value like "Main" or "Footer" is enough.