> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/global-settings/main-menu.md).

# Main menu

A mega menu allows you to show several menus from one dropdown in your store’s main navigation. In other words, it displays all of your products and collections, allowing customers to easily navigate

{% embed url="<https://www.youtube.com/watch?index=10&list=PLRGKV-NM5soSKffd9HvqGS-d1DFrpPqaZ&v=KAHWtA4QHIk>" %}

## **Create Menu**

Go to **Navigation** to create a menu. Click **Add menu** to add new or choose any items below the menu to edit.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/HQsCdxzuvP1Gu8Izj9r1/mg1.png" alt=""><figcaption></figcaption></figure>

Write the menu's name, then choose **Add menu item.** Write the menu item's name and choose the item in the dropdown box > click **Add.**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/I2HMvCCb8t1WqGwURQ0p/mg3.png" alt=""><figcaption></figcaption></figure>

To make an item to a child menu, drag it under the main item.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/wkLqMlfNm5infYjeTQsX/mg4.png" alt=""><figcaption></figcaption></figure>

Menu items can also be added to create the same level as a child menu.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/HrAdqRH3BLSdV2HNGjYi/mg5.png" alt=""><figcaption></figcaption></figure>

## Add Menu to the theme

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**)
2. Check **Main menu** sectio&#x6E;**,** then **edit menu** and use the created menu.
3. **Save**
   {% endhint %}

### Section settings

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/iwOwbD6hTBee9FNanI5i/mg6.png" alt=""><figcaption></figcaption></figure>

### How to config Mega menu with blocks?

#### Mega menus have 10 blocks:

* Multi-Column (Parent)
* Link list (Multi child)
* Product (Multi-col child)
* Collection (Multi child)
* Banner (Multi-col child)
* HTML (Multi-col child)
* Blog (Multi-col child)
* Advanced Menu
* Dropdown menu (Parent)
* HTML ( child )
* Single Link

In the **Main menu** section, **Add block** > Choose **Block (Mega menu).**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/3J12mtya6goPPGTlB7ob/mg7.png" alt=""><figcaption></figcaption></figure>

#### 1. Mega item

To make the mega menu work normally, you need a Parent block - Mega Menu and the Child blocks.

**Parent block**:

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/3eJXrtUIiy1yiZstC0VZ/mg8.png" alt=""><figcaption></figcaption></figure>

**Child blocks:**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/IZVZn7IJVPtHlhny1pJK/mg9.png" alt=""><figcaption></figcaption></figure>

config : **Child blocks**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/mRISl6FWcEBQzwIaiQfA/mg10.png" alt=""><figcaption></figcaption></figure>

#### 2. Dropdown Item

it allows you to select **only one menu** in this part.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/iXtstq1Fr0SXDdzWzlss/mg11.png" alt=""><figcaption></figcaption></figure>

#### 3. Advanced Menu

Add Link Name, Menu Link, Select Menu and select collections from products block to display products on right side of menu for each main links

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/kQnc7uIxVKUwbRVfWBXR/mg12.png" alt=""><figcaption></figcaption></figure>

## Add Categories mobile setting

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**)
2. Check **Main menu** section **-> Categories mobile setting**
3. **Save**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/SHc77y78LpxRcbYStyH9/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/v7sOrmW4UEYMVOcKJ393/image.png" alt=""><figcaption></figcaption></figure>

* **Enable tab categories**: Show and hide the categories tab
* **List all collections:** Lists all available collections in the store
* **Custom collections list:** Option of the collection you want to display

{% hint style="danger" %}
If you select both List all collections and Custom collections list, the List all collections will be used
{% endhint %}

<br>