---
title: "Selecting elements in a nested menu"
slug: "nested-menus"
description: "Master nested menus with step-by-step tooltips that guide users through clicks, ensuring a seamless navigation experience."
updated: 2026-01-14T22:06:06Z
published: 2026-01-14T22:06:06Z
---

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

# Selecting elements in a nested menu

If you have a nested menu that expands when the user hovers over it, and you want to guide the user to click an option nested within the menu, it can be challenging to select it when using a Tooltip. Use the instructions below to anchor a Tooltip to a nested menu element. ![Nested Menu Example](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/nested-menu-example.png)

### Solution

Use a tooltip step for each menu item (3 in total). Using the menu above as the example:

- Each step (except the last) has a trigger that advances to the next step when the next step’s menu item *appears*. Example: In Step 1, a trigger fires when “Create new” is *present*, directing the user to Step 2.
- But what if a user sees Step 2 and accidentally hovers out of the menu, causing “Create new” to disappear? Then we want to return to Step 1 and ask the user to hover over “Sales” again.
- Therefore, each step (except the first one) also has a trigger that goes back to the *previous* step when the current step’s menu item *disappears*. Example: In Step 2, we have a trigger that fires when “Create new” is *not present*, which takes the user back to Step 2.
- Finally, Step 3 links to Step 4 when the “Create invoice” menu item is clicked.

Here’s what it looks like in the flow builder:

![Flow builder](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/flow-builder.png)

In text format:

- Step 1: a tooltip pointing to “Sales”
  - Trigger: If “Create new” is present => Go to Step 2
- Step 2: a tooltip pointing to “Create new”
  - Trigger: If “Create invoice” is present => Go to Step 3
  - Trigger: If “Create new” is not present, => Go back to Step 1
- Step 3: a tooltip pointing to “Create invoice”
  - When the tooltip target is clicked, => Go to step 4
  - Trigger: If “Create invoice” is not present => Go back to Step 2

The same pattern can be used for menus with 2 or more than 3 levels. Say we wanted the user to click Sales -> Customers:

- Step 1: a tooltip pointing to “Sales”
  - Trigger: If “Customers” is present => Go to Step 2
- Step 2: a tooltip pointing to “Customers”
  - When the tooltip target is clicked, => Go to step 3
  - Trigger: If “Customers” is not present => Go back to Step 1