# Main menu

{% 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="/files/qBPuXzScNo4R1VoTT8O4" 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="/files/Yb6af8NomUbdnzAbo5P8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/bf9NGGAaroNyrehnVJOj" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/9jLsvyn7VgOcauk1JBAN" 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="/files/o3hZpc7zry5WxN173cCX" alt=""><figcaption></figcaption></figure>

### How to config Mega menu with blocks?

#### Mega menus have 10 blocks:&#x20;

* 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

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

<figure><img src="/files/6jJH8ZRkmpqaZtoyeTM3" 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="/files/nmwBZ2z4ZJCgtJFjXoYM" alt=""><figcaption></figcaption></figure>

**Child blocks:** &#x20;

<figure><img src="/files/9MY18eonktg2rVRNLNiY" alt=""><figcaption></figcaption></figure>

config : **Child blocks**

<figure><img src="/files/epZ2HOOqWxVYBCLmkJ7h" alt=""><figcaption></figcaption></figure>

#### 2. Dropdown Item

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

<figure><img src="/files/k87kl2Q3HCURukivFS2a" 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="/files/EyH7uxvzHHtfLTSAEvOO" 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="/files/kJUlmwliSBz0YMMbJJfK" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/qAdcmuBmOVDGlYhysiF0" 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>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blueskytechcos-organization.gitbook.io/umino-shopify/global-settings/main-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.