# Vertical Menu

<figure><img src="/files/1NWPIY2HmASJ7UC3aS1b" alt=""><figcaption></figcaption></figure>

## **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 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 Vertical Menu to the theme

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**)
2. **Theme settings -> Header -> Header layout -> Select layout 4**
3. Check **Vertical Menu** sectio&#x6E;**,** then **edit menu** and use the created menu.
4. **Save**
   {% endhint %}

### Section settings

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

### How to config Vertical Menu with blocks?

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

* Menu Item (Parent)
* Link list (child)
* Banner (child)
* Dropdown menu
* Single Link

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

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

#### 1. Mega item

To the mega menu work normally, you need to a Parent block - Mega Menu and then have the Child blocks. &#x20;

**Parent block**:

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

**Child blocks:** &#x20;

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

config : **Child blocks**

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

#### 2. Dropdown Item

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

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


---

# Agent Instructions: 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/vertical-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.
