# Linking to menu items

When using the Image, Product, and Collection blocks in the header, you'll need to map these blocks to a menu item in your navigation.&#x20;

Here are some tips on how to choose the correct position for these blocks.&#x20;

### How to

Each of these blocks will have an option for "Link position in main menu". Use the dropdown to choose from the list.

* Your first top-level menu is equal to **Item 1**, our example "Shop"
* The second top-level menu is equal to **Item 2**, our example "Lookbooks"
* The third top-level menu is equal to **Item 3** (and so forth), our example "Contact"

This collection is mapped to "Item 2" which is the second menu item, "Lookbooks":

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F4DyiUIaZw3tPtfmWZDD9%2FScreenshot%202023-07-21%20at%2011.46.05%E2%80%AFAM.png?alt=media&#x26;token=11c396e3-16c6-4bfa-a6fc-5bbeb43af01a" alt=""><figcaption></figcaption></figure>

Once you have mapped to a menu item, the block will display that content (Image, Product, or Collection) in the drop-down or mega-menu that you've chosen.&#x20;

### Additional examples:

Item 1

![Example of Item 1 in navigation.](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LovEU3LvzkJzFkXarYD%2F-MKahfJoPy9OrzZzFY1J%2F-MKaoTVh_MZo5h30eQoI%2Fheader-linking-menu-navigation.png?alt=media\&token=aae0b550-a890-4007-be3b-49b242a62558)

Item 2

![Example of Item 2 in navigation](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LovEU3LvzkJzFkXarYD%2F-MKahfJoPy9OrzZzFY1J%2F-MKaryOQ6LL4Sie5DWvq%2Fheader-linking-menu-navigation%20\(2\).png?alt=media\&token=3e5f8a4c-4b5a-49e8-bfaa-879fdc2c29a5)

### Video

Overview of adding header blocks and mapping to menu items:

{% embed url="<https://www.loom.com/share/273bc913041a4e25964f1ec9818f0f4d?sid=a42eaa1e-941b-4ba6-8887-86d42f316922>" fullWidth="true" %}
