> For the complete documentation index, see [llms.txt](https://elessi-docs.nasatheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elessi-docs.nasatheme.com/header-and-menu/menus/config-mega-menu/how-to-set-up-mega-menu-horizontal.md).

# How to set up Mega menu horizontal

![](/files/2FiOGBuionz0qR6d22j4)

### Here is the instruction you can follow if you desire to set up a mega menu horizontal for your site:

<mark style="color:blue;">**Step 1**</mark> - Simply, navigate to **Appearance** **→** **Menu**

<mark style="color:blue;">**Step 2**</mark> - Choose **Main Menu** and click Select button

<mark style="color:blue;">**Step 3**</mark> - Go to Shop (Our tutorial video shows an example with the menu item **"SHOP"**), You can do it similarly with other menus. Imagine that we have Shop and inside of it, we need to have four sub-menus. \
Click on **Mega Menu** and **Full-Width** option if you want to display the full-screen mega menu

![](/files/b3vcVBkvehy9yc7cvTAB)

<mark style="color:blue;">**Step 4**</mark> - Drag and drop to have 4 submenus

![](/files/xZ3TZWaEgKR393NbgzWA)

#### **In addition, our theme is designed by default with 3 levels of sub-menu, if you want to display sub-menu with 4 levels , please insert the following code in / wp-content / themes / elessi-theme-child / functions .php:**

{% tabs %}
{% tab title="PHP" %}
{% code title="function" %}

```php
add_filter ('nasa_max_depth_main_menu','custom_max_depth_menu');

function custom_max_depth_menu ($depth) {

return 4; // Return max depth menu - Default is 3
}

/* ====================== */
```

{% endcode %}
{% endtab %}
{% endtabs %}

### <mark style="color:red;">RESULT</mark>

![](/files/7vI1AomHDPFxoEE5Lw8U)

![Please change the number here if you want to up any sub-menu levels](/files/-MlFgZaXq2szzOvmAogp)