Skip to main content
Dropdown or nested menus let you organize related links under a single parent, creating a clear hierarchy that improves user navigation on complex sites.

​
Add Your Top-Level Items

Ensure you’ve already added all the pages that you want in your hierarchy to your menu following Add Pages to Your Menu.

​
Nest a Child Item

  1. In the right panel of the menu editor, locate the item you want to make a child.
  2. Drag that item directly below its intended parent.
  3. While dragging, shift the item slightly to the right—you’ll see a nested indentation indicator.
  4. Drop to create the parent → child relationship.

​
Add Deeper Levels

Repeat the drag-and-drop nesting for additional layers:
  • Sub-Child: Drag an item under a child and indent further.
  • Unlimited Depth: You can nest as many levels as your design requires (though 2–3 levels is typical for usability).

​
Save Your Menu

Once your hierarchy is set:
  1. Click Save (top-right).
  2. Confirm your front-end theme reflects the nested menu (check your site header, footer, or sidebar).

​
Best Practices

  • Keep it shallow: No more than 2–3 levels deep to avoid burying content.
  • Group logically: Children should naturally fall under their parent’s category (e.g., “Team” under “About”).
  • Use clear labels: Ensure menu labels communicate hierarchy and context clearly to users.