Setting Up The Menu
Avada’s 5 Menu Locations
Menu Theme Options
Avada also offers several theme options to customize the menu. They are located in the Avada > Theme Options > Menu tab. From there, the Theme Options will be organized under more specific areas. (e.g. Main Menu, Mobile Menu, Secondary top menu just to name a few). When styling your various menu locations, the settings will be here. For detailed screenshots of the various menu options, see the Menu Section of the Fusion Theme Options Page.
How To Setup A New Menu
Step 1 – Navigate to the Appearance > Menus section of your admin sidebar.
Step 2 – Click the Create A New Menu link and enter the desired menu name. To save the menu name, click the Create Menu button.
Step 3 – To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.
Step 4 – To add a custom menu item, click the “Custom Links” menu item bar, then enter a custom name and URL into the respective text fields and click “Add to Menu.”
Step 5 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place. That will set the menu item as child item and automatically appear as a dropdown menu item.
Step 6 – After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 5 locations in the Theme Locations box.
Step 7 – Once its all done, make sure you click the Save button.
Here is a screenshot that shows you the various areas and descriptions of the menu section described above.
How to setup different menus on a per page basis
Sometimes more than one menu at the main menu location is needed for a complex site. The most likely case is, when you want to have a one page site with a parallax scrolling menu (see here for further information: Setup One Page) as a landing page, but also a full site at the same time. Since the one page site part uses menu anchors for scrolling it will need a different menu than the rest of the site, that will use normal links.
The menu you want to use on almost all pages of your site, can be setup simply like it is shown above. Assign it to the main menu location, and you are done. The second menu, that was especially created for the one page site part, is not assigned to a special location in the menu setting. In order to assign it to your special page, follow these two steps:
Step 1 – Open your page’s edit screen. If you have not created it so far, navigate to the Pages section of your admin, and click the Add New option.
Step 2 – Scroll down to find the Fusion Page Options box, and find the Main Navigation Menu dropdown and choose your newly created menu for the one page site part from above. Save the page.