# Header Navigation

In Elrond 2.0, the navigation system has been completely redesigned — it’s now more dynamic than ever!

There are two types of navigation: **"Primary"** and **"Secondary".** The **primary navigation** is used in the theme **header**, while the **secondary navigation** is used in the **footer**.

***

### Configure the Header Navigation

1. To add a navigation, go to **"Navigation"** settings in the **Ghost Admin**.
2. Choose the **"Primary"** option from the opened window.
3. After reaching this point, you can remove any navigation item by using the trash can icon to the right of each item. To add new items, type your menu names into the **input fields** and specify the links for your menus. Click on the icon on the left, and by dragging menus to your desired positions, you can arrange the order.
4. To separate the menus that appear in the **Header Navigation** from those that appear in the **Dropdown Menu**, you need to use a divider: **###**
5. For example, if you've added 5 menu items and want everything from the 6th onward to appear in the **Dropdown Menu**, create a new menu item and set its URL to **###**.

   This item will not be included in the visible menu — it will act as a **separator**.\
   Everything **before ###** will appear in the **Header Navigation**, and everything **after ###** will appear in the **Dropdown Menu**.
6. See the image below for a usage example.
7. Once you've completed everything, click **Save** to apply the changes. That’s it! ✅

***

<figure><img src="https://395184685-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsitHznxdLfEBSAoQhDWL%2Fuploads%2FX9BlFvffg7pRKz8zfkjW%2FGroup%2036.png?alt=media&#x26;token=1b10df39-99b3-4b91-99b6-881b0705b13f" alt=""><figcaption></figcaption></figure>