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

# Adding a Navigation Item

> How to add links, dropdowns, and other items to your site's top navigation bar.

Your site's navigation bar is a **Navbar block** inside a page — usually the home page or a shared prefab that appears across all pages. Adding a new navigation item means editing the Navbar block on that page.

<Note>
  Navigation is managed within pages in Studio. If your Navbar is in a [prefab](/studio/cms/prefabs), editing it there and publishing the prefab will update the navigation across every page that uses that prefab automatically.
</Note>

## Finding your Navbar block

<Steps>
  ### Go to CMS → Pages

  Open the page that contains your Navbar block. This is usually the home page (`/`), or a prefab — your inploi account manager can confirm which it is if you're unsure.

  ### Locate the Navbar block

  Scroll to the section at the top of the page. Click the Navbar block to open its settings panel.
</Steps>

## Adding a simple link

<Steps>
  ### Open the Navbar block settings

  Click the Navbar block in the page editor.

  ### Find the navigation zone you want to edit

  The Navbar has three zones: **Left side**, **Centre**, and **Right side**. Most navigation links sit in the Centre or Right side zone. Click the zone to expand it.

  ### Add a Nav Link item

  Click **Add item** and select **Nav Link**.

  ### Set the label and URL

  Enter the text you want to appear in the navigation (e.g. "Graduate roles") and the URL it should link to. You can link to:

  * A page on your careers site (e.g. `/graduate-roles`)
  * An external URL (e.g. `https://example.com`)

  ### Save and publish

  Click **Save & publish** to make the change live.

  <Snippet file="publish-reminder.mdx" />
</Steps>

## Adding a dropdown menu

A dropdown (Nav Menu) lets you group related links under a single heading in the navigation bar.

<Steps>
  ### Add a Nav Menu item

  In the Navbar zone, click **Add item** and select **Nav Menu**.

  ### Set the menu label

  Enter the text that appears in the navigation bar (e.g. "Our roles").

  ### Add links to the dropdown

  Inside the Nav Menu, click **Add link** to add each item in the dropdown. Set a label and URL for each one.

  ### Save and publish
</Steps>

## Adding items to mobile navigation

The Navbar block has a **Mobile navigation** group. At a configurable breakpoint (the default is around tablet width), the full navigation is replaced by a hamburger menu that opens a drawer.

Each item has a mobile placement setting, so it can appear in:

* **The navbar** — visible in the collapsed bar at all times on mobile
* **The drawer** — visible when the hamburger menu is opened

Use the Mobile navigation settings to set the breakpoint and choose where each item appears. You may want to include fewer items on mobile to keep the experience clean.

## What to do if you can't find the Navbar block

If you cannot find a Navbar block on the home page, your navigation may be managed through a prefab. Go to **CMS → Prefabs** and open the prefab that holds your navbar (if you're not sure which one, ask your inploi account manager). Editing and publishing that prefab will update the navigation across all pages.

If you are still unsure, contact your inploi account manager.

<Snippet file="contact-support.mdx" />

## Related articles

* [The page editor](/studio/cms/pages/page-editor)
* [Prefabs](/studio/cms/prefabs)
* [Creating a landing page](/studio/cms/faqs/create-a-landing-page)