# Vertical Menu

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/ryBObuoeuSkSDZe2wPNr/Screenshot%20at%20Apr%2017%2011-45-20.png" 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="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 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 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="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/yoPuJ0omTtsgMCjdxFJj/Screenshot%20at%20Apr%2017%2011-21-43.png" 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="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/qG3EEAWP4YWS38WPgcgw/Screenshot%20at%20Apr%2017%2011-27-08.png" 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="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/z9nUyp1YFJ5C9F7jy4R1/Screenshot%20at%20Apr%2017%2011-32-06.png" alt=""><figcaption></figcaption></figure>

**Child blocks:** &#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Ep5ud9zEKQ774ExcAPTU/Screenshot%20at%20Apr%2017%2011-36-41.png" alt=""><figcaption></figcaption></figure>

config : **Child blocks**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/QLJ2sfXOqztP7VVtHdL9/Screenshot%20at%20Apr%2017%2011-41-23.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/o7Lgsm9bH9SMFZUBRKVU/Screenshot%20at%20Apr%2017%2011-43-04.png" alt=""><figcaption></figcaption></figure>
