---
title: Header Menu
description: Displaying a menu at the top of your store helps your customers browse your store and find important pages. With only some simple steps, you can add menu items that link to your webpages, collections, products, store policies, blogs, email…
url: "https://www.adornthemes.com/knowledge-base/menu-setup/"
updated: "2026-02-24"
category: Navigation
---

# Header Menu

Displaying a menu at the top of your store helps your customers browse your store and find important pages. With only some simple steps, you can add menu items that link to your webpages, collections, products, store policies, blogs, email links, external websites, etc.

Before you start setting up menus in [Revone shopify theme](https://adornthemes.com/revone/), please have a look at the links below that explain in detail how to create or edit menus and collections.

- [How to create a new menu ?](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus#edit-menu-item)
- [How to create a dropdown menu?](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus#add-a-drop-down-menu-from-the-main-menu)
- [How to create a collection?](https://help.shopify.com/en/manual/products/collections)
- [How to create a smart collection?](https://help.shopify.com/en/manual/products/collections/automated-collections)

  [Watch Video](https://youtu.be/tKDOfDUWK5g?si=oup1xwEKQoMbVeFZ)

## Create new menu

You can create a link list of collections, products, pages or blogs in menu. Kindly refer to the well-written [**article**](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus) from Shopify for guidance on **creating a new menu, as well as editing or removing items.**

You can select this menu from theme editor to be displayed on top navigation or select from footer section to add menu links in the footer.

## Single Link

Add this menu block to display only links (without dropdowns or megamenus) in the store header menu.

  ✅**Steps :**

1. In the theme editor -> Click **Header** -> **Add block** -> Click **Single Link**
2. Set **Link Name, Select Menu Link** and click Save.
3. Repeat above steps for all menu items you wish to add in header menu.

![sinlge-link-menu](https://adornthemes.com/wp-content/uploads/2025/04/sinlge-link-menu-1024x267.jpg)

Display white popup or white space while you hover on menu item on your store like in the example below? This is megamenu or dropdown block item that is imported by default on your store while you install theme. Please remove that current menu block and add Single link block instead. Please follow above given steps to add single link block.

![sinlge-link-warning](https://adornthemes.com/wp-content/uploads/2025/04/sinlge-link-warning-1024x220.jpg)

## Dropdown Menu

![dropdown-menu](https://adornthemes.com/wp-content/uploads/2025/04/dropdown-menu.jpg)

To display dropdown menu on your store, first you need to create menu with nested menu items. [**Click**](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus#add-a-drop-down-menu-from-the-main-menu)to know more in detail.

### Build drop-down menus

  ✅**Steps :**

1. From your Shopify admin, go to **Content**> [**Menus->**.](https://shopify.com/admin/admin/menus)
2. Click **Create menu** -> Add "Name", then click **"add menu item"**
3. Enter **Label, Link and click Add icon**
4. Likewise, add all menu items and click save
5. To display nested menu item(child menu item), Drag & Drop menu item to top level item and click save

![dropdown-menu-2](https://adornthemes.com/wp-content/uploads/2025/04/dropdown-menu-2.jpg)

### Add drop-down menu from theme

  ✅**Steps :**

1. In the theme editor -> Click **Header** -> Add block -> Click **Dropdown Menu**
2. Set Link Name, Menu Link and Select Dropdown Menu
3. Click save

![dropdown-menu-3](https://adornthemes.com/wp-content/uploads/2025/04/dropdown-menu-3.png)

## Megamenu Modern

- Show menu items up to 6 columns in one row Or show menu item in multiple row
- Show up to four image banners in vertical or horizontal view

Reference image

![Megamenu Modern style](https://adornthemes.com/wp-content/uploads/2025/04/megameni-modern.jpg)

**Steps 1:**

- To show megamenu modern on your store, first you need to create a menu with sub menu items through your store's**[admin panel](https://shopify.com/admin/admin/menus)**
- Add Menu items with Sub Menu Items As shown below ( screenshot is only for reference )

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252F7P36LMW5ypxo9BMMKO7v%252Fmm-modern1.jpg%3Falt%3Dmedia%26token%3D4d9e212c-6e5a-4a59-9c04-a7470c559cb9&width=768&dpr=1&quality=100&sign=643c7b61&sv=2)

**Step 2:**

- In the theme editor -> click **Header** section -> **Add block** -> `Click MM Modern`
- Add Link Name, Menu Link, Select Menu, Select Columns, Set Banner Images(Optional).

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252FGZcX8XPQQOzbGEHOWODA%252Fmm-modern2.jpg%3Falt%3Dmedia%26token%3D72acd9ac-d8ba-4575-8810-beb499cbf6fc&width=768&dpr=1&quality=100&sign=f785fdfd&sv=2)

## Megamenu Links & Products

- Show menu links in up to 5 column
- Show products slider
- Show Image banner

![mmlinks](https://adornthemes.com/wp-content/uploads/2025/04/mmlinks.jpg)

  ✅**Steps :**

1. In the theme editor –> Click Header section -> Add block -> Click **MM Links & Products**
2. Set Links Name, Menu Link and Select menu to display menu items
3. To **display product**, set column title, select products and products per row
4. To **display image banner**, enable option from **featured column**, set title, sub title, button text and links

![mmlinks-2](https://adornthemes.com/wp-content/uploads/2025/04/mmlinks-2.jpg)

## Top Image Columns

Show up to 5 columns with a distinct menu and option to display image at the top for every column

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252FF8rnXFCfKN5HlOWkxO2s%252Fmm-topimage-1.jpg%3Falt%3Dmedia%26token%3D27772fbb-0312-4dee-8563-829f9970a5a8&width=768&dpr=1&quality=100&sign=dd4681ef&sv=2)

**Step 1:**

- From your Shopify admin, go to **Content**> [**Menus->**.](https://shopify.com/admin/menus)
- Click **Create menu** -> Add "Name", then click **"add menu item"**
- Enter **Label, Link and click Add icon**

Add Menu with Sub Menu Items. To use this Megamenu, Please create different menus for each column.
I.e. If you want to display 4 columns to Display Women, Men, Kids, and Accessories collection then create 4 different menus. [**How to create Menu?**](https://help.shopify.com/en/manual/sell-online/online-store/menus-and-links#adding-a-new-menu)

  ✅**Steps :**

1. In the theme editor –> Click Header section -> Add block -> Click **MM Top Image Columns**
2. Set Link Name, Menu Link
3. Set title, image, image link and select menu for each column you want to display

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252F9aqJddP5ey7C50RZ0eA1%252Fmm-topimage-2.jpg%3Falt%3Dmedia%26token%3D2e7fadd5-d824-4bde-a552-404be2b03c16&width=768&dpr=1&quality=100&sign=16576f44&sv=2)

## Megamenu Categories

- Display main menu items(Collection) in vertical view
- Auto retrieve products from main menu item(collection) and display on right side ( Hide products if you do not want to highlight products in menu)

Reference image

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252FxAPH3Y442NW5sLcaW2rW%252Fmm-category1.jpg%3Falt%3Dmedia%26token%3Ddfed0784-3a34-4cf9-b17b-ebe195cc9e2e&width=768&dpr=1&quality=100&sign=af5559b5&sv=2)

**Steps 1:**

To display megamenu categories on your store, first you need to create a menu with sub menu itemsfrom your shopify [store admi](https://shopify.com/admin/admin/menus)n

Add Menu items with Sub Menu Items As display below ( screenshot is only for reference ).

Select collection(category) for each main menu item you create.

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252FglsuDksc8fqbkfQKJaKb%252Fmm-category2.jpg%3Falt%3Dmedia%26token%3D395775a0-e034-4d03-abd3-9eb8c4874b02&width=768&dpr=1&quality=100&sign=13269d0b&sv=2)

**Step 2:**

- In the theme editor -> Select **Header**-> **Add block** -> `Click MM Categories`
- Add Link Name, Menu Link, Select Menu.
- You can show icons for each menu items.
- Set main links and sub links look and set columns for sub links
- Enable options to show products from main link item. Set option to show products in popup
- click save

![Category megemenu setup for revone theme](https://adornthemes.com/wp-content/uploads/2025/04/mm-cat-1024x536.jpg)

## Megamenu Collections

- Display collections with image and title
- Display collections up to 10 columns Or with multiple row

![mm-collections](https://adornthemes.com/wp-content/uploads/2025/04/mm-collections-1024x235.jpg)

**Steps 1:**

To display megamenu collections on your store, first create a menu from your shopify [store admin](https://shopify.com/admin/admin/menus)

Add Menu items. Select collection link for each menu item you create. ( screenshot is only for reference ).

![Create collections megamenu in Revone](https://adornthemes.com/wp-content/uploads/2025/04/mm-collections2.jpg)

**Step 2:**

- In the theme editor -> Click **Header**section -> **Add block** -> `Click MM collections`
- Add Link Name, Menu Link, Select Menu.
- Show collection image and manage look.
- Set font size for collection title and select columns for collections
- click save