Slowly
The builderBlocks

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

  1. Select the section or container to hold it.
  2. Open the inserter and search "menu".
  3. Pick the Menu block.

Settings

In the menu's own panel. Appearance lives in the shared design panel.

SettingWhat it doesReach for it when
Menu sourceSelects which WordPress menu the block draws fromYou have more than one menu registered and need to pick the right one
LayoutSets the menu items horizontal or vertical, per breakpointSwitching to vertical for a sidebar nav or a mobile-open drawer
Aria labelSets the accessible label on the nav landmarkYou have more than one nav on a page, so screen readers can tell them apart
Scroll directionHides or shows the menu on scroll up or down, with configurable offset, tolerance, and transition durationSticky 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.

On this page