# Edit your site navigation bar

The navigation bar is the menu at the top of your Wonderly website. You can add links to different sections of your site, link to external pages, and create dropdown submenus.

### Access your site navigation bar

1. Click **Website** under **My business** from the main sidebar.
2. Click **Site navigation bar** from the secondary secondary sidebar.
3. You will land in the **Content** tab.

From here, you can add new navigation links, edit existing ones, create dropdown submenus, change your business logo and edit your Call to Action button.

{% hint style="info" %}
If you just completed onboarding, your website may need a few minutes before it's ready to edit. Wait briefly and try again.
{% endhint %}

***

### Add or edit a navigation link

{% hint style="info" %}
**When to use:** You want to add a new link to your navigation bar or change an existing one.
{% endhint %}

1. In your site navigation bar settings, click **+ Add**.
2. The new link appears in the navigation bar next to your existing links.
3. Use the **Text** field to enter or change the display name.
4. Click the **URL** dropdown to select a section or page from your Wonderly website, or click **+ Custom URL** to add an external link.

To edit an existing link, click on it and update the **Text** or **URL** fields the same way.

***

### Add a dropdown submenu

{% hint style="info" %}
**When to use:** You want to group related links under a single navigation item.
{% endhint %}

1. Under **Navigation Links**, click the **>** arrow next to the link you want to add a submenu to.
2. Click **+ Add dropdown item**.
3. Update the **Text** and **URL** fields for each submenu item.
4. To remove a submenu item, click the **trash icon**.

{% hint style="success" %}
In the website editor, you will see the submenu items nested under the parent link. On the published website, the submenu items appear beneath the parent link when visitors hover or tap on it.
{% endhint %}

{% embed url="<https://app.supademo.com/demo/cmo1n4orc26psru187efgctki>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/edit-your-site-navigation-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.