# Menu

{% hint style="success" %}
**Tip:** To add a block, the "[<mark style="color:blue;">Mega menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu)" section is required. Press **"Add block"** and choose the one in **Theme Blocks**. Drag and drop the block to the desired position in a drop-down section.
{% endhint %}

Before starting any configurations in the block, ensure the menu is added under your *Shopify admin -> Content -> Menus*. Read the step-by-step instructions on how to create a menu in the following [<mark style="color:blue;">article</mark>](https://help.shopify.com/en/manual/online-store/menus-and-links).

Once the menu is created, you can select it using the **"Menu"**. If you need to direct customers to the required page by pressing the parent link or image, choose a destination in the **"Heading link"** selector.&#x20;

In the **"Image"** source selector, press **"Select"** to choose media from the image library or upload it from your device. Selecting an image in the source selector activates the next option.

The image you chose as a banner for the menu can be displayed below or under the menu title. Choose the desired option in the **"Image position"** picker: "Before title" or "After title".

{% hint style="warning" %}
**Note!** This block allows displaying only a one-level menu.
{% endhint %}

In the following example, you can view how it might look in a store:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FvqP1XzivlzvdLDT4JE4J%2Fmega%20menu_menu.png?alt=media&#x26;token=88468879-fac5-4e2f-ac2f-94b7c99d658f" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** Use the **"Badges"** block to associate badges with each menu item. Find more details [<mark style="color:blue;">here</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/badges).
{% endhint %}