Use menus when the same collection of links must appear on multiple pages. Most often menus are used to navigate a website or a section of a site, but they are not limited to navigation.

---

Overview

Here’s an example menu:

• Home
• Content Guide
  • Writing
  • Images
  • Accessibility
• Design
• Tools

Menus are essentially a display wrapper for WordPress menus, and thus require a WordPress menu to function. Create a WordPress menu first, and then add the menu component to the page.

On mobile, menus present as a drop-down list, and show the menu title for the drop-down button. By default, the menu title is the name of the WordPress menu, but this can be overridden. On desktop, the menu title is hidden by default, since the full menu is visible, but this can be overridden as well.

Menus can show, at maximum, two levels of hierarchy. In other words, top-level links (level 1) may each have a drop-down of secondary links (level 2), but secondary links may not have further drop-downs (level 3, etc). In general, menus with fewer links perform better, and most menus on well-constructed sites will only need one level of hierarchy.

Adding a Menu

On sites using the Block Editor, menus () can be added from the block library, under the Component Library section. Menu options can be set in the sidebar.

On sites using the older Visual Editor, menus can be implemented by using the shortcode (see the below documentation).

---