Main Menu Navigation and Icons

Our themes allow you to have nested submenus in the main navigation. To add a submenu, create nested menu links with two or three levels in the Shopify admin.

The first-level menu items are reserved for your main, top-level categories. For example, your top-level menu items might be Tops, Bottoms, Dresses, and Jackets. You can use second-level menu items as titles of third-level menu items; otherwise second-level menu items will act as a link. When using the second-level menu as a title, we suggest linking these items with the same parent page. For example, you may want to filter your top-level selection in different ways, so your second-level menu items may be titles such as Category, Fabric, or Color. Place your links to each sub-collection in third-level menu items. For example, one sub-category may be Tops > Long-Sleeve Tops and you can link to your collection of Long-Sleeve Tops in the third-level menu. Another example may be Bottoms > Knit Fabric and here you would link to your collection of bottoms made in knit fabric.

1. To create or edit your main menu, Go to Online Store > Navigation in the Shopify admin.
2. Select the Main menu or the menu you want to edit.
3. Add a top-level link (for example: "Tops") in your Main menu that will open the submenu and contain the nested sub-links.
4. Add your second-level menu items and use the drag handles ⋮⋮ to move them under the top-level link. These shoud be titles only and not links.
   

   

5. Add your third-level menu links and use the drag handles ⋮⋮ to move them under the second-level links. We highly recommend adding a "View All" link to this list.
6. Click Save.

Menu Icons

Honey offers the ability to add icons or images to your mega menu dropdown items. This feature makes it easy for your customers scan the menu and quickly find what they want.

To display icons in your mega menu dropdown navigation, please follow these steps:

1. On your Shopify Admin go to Sales channels > Online store > Navigation.
2. Under Menus, select Main Menu. Note: icons are only available inside the Main menu.
3. Click Edit on an existing Menu item or create a new one by clicking + Add menu item.
4. In the Name field, use square brackets to add the name of the icon you want to appear followed by the name of the menu item. You can use any icon included in the theme or a custom image.
5. Click Add, then Save.

Theme icons

To visualize all of the icons included in the theme, please visit this link. Once you choose the icon that you want to use, copy the icon name exactly as it appears and paste it inside the square brackets. Icon names are case-sensitive and must match exactly. For example, in this case, [SHIRT] [Shirt] or [ shirt] will not work and the icon will not appear. The icon name must appear exactly as below to display the shirt icon.

Custom icon

To use a custom icon or image, your file name and menu name must match exactly, including the square brackets per the image below. Your file must be in PNG format. Please note: this field is case-sensitive.

1. Create a PNG image file with your custom icon or image. We recommend images with a minimum size of 40px x 40px. The name of your file should start with  icon- followed by the name e.g. icon-shirt .
2. On your Shopify Admin go to Content > Files.
3. Click Upload files and add all of your icon files.
4. Copy the icon name file and paste it inside the square brackets.