---
description: Setting up Mainmenu for Website
---

# MainMenu

**1. Creating your Menu**

**Step 1-** Login to the WordPress Dashboard.

**Step 2-** From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpkJBis8eHJa7sh-b6V%2F-LpkJXqYe_e4MDsbCvpQ%2F-Lpkf4W1vPbRanv5vvkX%2Fmenu_1.png?alt=media\&token=eb90426e-0de7-4f82-a112-38c9e88ab22c)

**Step 3 -** Select "**Create a new menu**" at the top of the page.

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpkJBis8eHJa7sh-b6V%2F-LpkJXqYe_e4MDsbCvpQ%2F-Lpkfci8KtABXjvvXphD%2Fmenu_2.png?alt=media\&token=4a73911d-8d36-42b7-8b1c-b288421c8683)

**Step 4 -** Enter a name for your new menu in the Menu Name box.

**Step 5 -** Click the "**Create Menu**" button. Your menu is now defined, and you can now add pages to it (steps below).

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpkJBis8eHJa7sh-b6V%2F-LpkJXqYe_e4MDsbCvpQ%2F-LpkfHjsh05fxAQtwKyF%2Fmenu_3.jpg?alt=media\&token=1812609e-b85f-4507-ad42-6538e6ef29d7)

**Step 6** - Select the Pages that you want to add by clicking the checkbox next to each Page's title.

**Step 7** - Click the "**Add to Menu**" button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

**Step 8** - Fill information of menu that you want to display.

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ4rWpITQZPsi_y4qo%2Fmenu_2.png?alt=media\&token=6c0e1db3-8334-4c30-9125-fe442f713d90)

**Step 9** - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpkJBis8eHJa7sh-b6V%2F-LpkJXqYe_e4MDsbCvpQ%2F-LpkgOYi0XrYFQEaeYus%2Fmenu_1.jpg?alt=media\&token=fdf2d767-bcf6-47ec-bd63-fe1ab452d56f)

**Step 10** - Click the "**Save Menu**" button once you've added all the menu items you want. Your custom menu has now been saved.

&#x20;Menu Home will be displayed.

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ5EGZe2GRToz-XHBZ%2Fmenu.jpg?alt=media\&token=eacd5e00-4fa1-44fb-85af-7f45c6e46f7e)

Specially, In Zoli theme has used megamenu to create submenu.

\+ You can see in menu that you created has option  "**Mega**" please click to this button

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-Lqd01o8-7drMUKhYoD8%2F-LqeEpWkQ_lRn_slnrY0%2Fmega.jpg?alt=media\&token=8a7a2ead-d519-46d9-88dd-b5e133e8b98b)

\+ Popup create megamenu will display , please fill in all information in popup and then  click button "**Edit Megamenu submenu**"

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-Lqd01o8-7drMUKhYoD8%2F-LqeF3p-3ksYY9GxL3Cv%2Fmega1.jpg?alt=media\&token=1b9474c8-499a-44cb-84dd-0c915b6ec566)

\+ Next, you will see all elementors you can create submenu in there, then add elementor to create submenu

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-Lqd01o8-7drMUKhYoD8%2F-LqeFN4orlU49C43bvJO%2Fmega2.jpg?alt=media\&token=70da2700-e625-4962-822c-6f940429a85b)

Front-end look like :

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-Lqd01o8-7drMUKhYoD8%2F-LqeG2y65DINATfC8DAZ%2Fsubmenu.jpg?alt=media\&token=5cb903f7-930e-4b75-a27f-367e6c1ad429)

If you want to know more, please go to this guide "[Megamenu](http://wpopal.com/guides/opalmegamenu-for-elementor/)" to know more.
