> ## Documentation Index
> Fetch the complete documentation index at: https://help.experro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Multi-Level Menus

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

<img src="https://mintcdn.com/experro/8leTCfwCNMk4X8PP/images/content/navigation_reorder.gif?s=c32b1f85aacec271928b6a8f5ae4826b" alt="" width="1920" height="1080" data-path="images/content/navigation_reorder.gif" />

## 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](/content/navigation/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.
