Links

Menu

A guide to create and add menu items to build your store's navigation
An example of Zest mega menu
Customers navigate your online store using the links on pages and menus. Different websites require different kinds of menus, depending on the size, nature, and objectives of your store.
This article shows you how to create your own suitable menu.
In this article:

What are a menu, drop-down menu, and mega menu?

You can add menu items to your online store menus to build your store's navigation. Menu items are links to products, collections, webpages, blog posts, policies, or other websites.
A drop-down menu (or a submenu) is created by nesting menu items below a top-level item. The top-level item appears in the main menu on your online store, and the nested menu items appear in a drop-down menu.
A mega menu is a drop-down menu in which the top-level item has two levels of nested drop-down menus. A mega menu affects how shoppers discover your product offerings and other information, which lets them browse easily and seamlessly.

When to use a mega menu?

A mega menu is a perfect design choice when building a website with multiple categories and subcategories. The design also provides sufficient space for images (banners) and other rich content.

Create a menu

1. Go to Navigation to create a menu.
Go to Shopify Navigation to create a menu
2. Click Add menu to add new or choose any items below the menu to edit.
Click Add menu to add new or choose any items below the menu to edit
3. Write the menu's name, then choose Add menu item.
Write the menu's name, then choose Add menu item
4. Write the menu item's name and choose the item in the dropdown box > click Add.
Write the menu item's name and choose the item in the dropdown box, then click Add
5. To make an item to a child menu, drag it under the main item.
Drag the child items under the main item
Menu items can also be added to create the same level as a child menu.
Menu items can also be added to create the same level as a child menu

Add a menu to header

1. Go to Themes > Customize.
2. Check Header section > Menu Settings, and make necessary changes.
3. Save the settings.
Add a menu to Zest header
For best results, if you want to create a mega menu, you need to add third-level items.
Create a menu of third-level items to make it a mega menu