Skip to main contentDropdown 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
- In the right panel of the menu editor, locate the item you want to make a child.
- Drag that item directly below its intended parent.
- While dragging, shift the item slightly to the right—you’ll see a nested indentation indicator.
- 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).
Once your hierarchy is set:
- Click Save (top-right).
- 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.
