Avada Theme Tutorial: How to Set Navigation Menu and Mega Menu on Avada Theme

Avada is a powerful and very easy to use WordPress Themes, which is suitable for building various types of websites. This article will detail how to set up a normal navigation menu and a mega menu. With flexible navigation menus and powerfulSuper Menu FunctionsThe user can easily create a professional site structure and enhance the browsing experience.

Avada Theme Introduction

Avada It is an American company ThemeFusion A multi-purpose WordPress theme developed and first released on 2012Avada features highly flexible, responsive design and rich templates that are suitable for building any type of website. With an integrated page builder and multiple features, it's a full-featured all-in-one theme. The theme is the highest selling theme on ThemeForest, with over 900,000 downloads to date, and is popular with website builders worldwide.

Key Features:

• Visualization Editor: Built-in Fusion Builder page builder (now called Avada Builder) with drag-and-drop visual editing support.
• Pre-built website templates: Provide hundreds of complete demo site templates, covering enterprise, blog, e-commerce, education, medical and other industries.
• WooCommerce Support: Can be used to build fully functional online stores.
• Advanced Theme Options: Includes lots of customization options to change colors, typography, layout, etc. without writing code.
• responsive design: Automatically adapts to mobile, tablet, and desktop devices.

procedure

1. General navigation menu

• preliminary: Go to the WordPress backend and click into "plug-in (software component)"to ensure thatAvada Builder,Avada Corerespond in singingAvada Custom BrandingThe three plugins are "Activate"Status.

• Go to the menu panel:Click "Appearance"-click"Menus" to get to the menu panel

• Add menu content:In "Page"Inside the picture box, select the appropriate web page, click to check the box, and then click "Add to Menu" to add content to the menu structure.

• Delete menu contents: in "Menu structure" inside, select the content to be deleted and click "Remove", you can delete the contents of the menu

• Add the rest:Not only can you add "Page" to the menu, but you can also add other elements to the menu such as "FAQs", "Posts" and "Portfolio Portfolio" to the menu.

• Adjust the menu level:In "Mene structure", click on the appropriate menu, go to theright-dragThe menu grading can be generated.

• Menu display location: OptionalmenuThe location of the display, such as "Sticky Header Navigation"(The navigation bar will be fixed at the top of the page), is always visible and does not scroll out of view along with the content.

• Create a new menu:First in "Menu Name"Enter the name of the menu you want to add, then click "create a new menu" option to create a new menu.

2. Creating a Super Menu

• Avada Mega Menu Page: click "Avada" -> Click "Studio"-> Click "Mega Menus" to get to Avada's own library of mega menu templates.

• Select the Super Menu template:Below you can choose your favorite mega menu templates, Avada's current version offers a total of 17 mega menu templates, useful for most types of websites.

• Import templates:Click to select your favorite template, in the green box you can modify the content of the template, followed by clicking "Import" button to import.

• View the status of the template import:Click "Avada", then click on "Library", you can see the menu with the label "Mega Menu", which proves that the template has been imported successfully.

• Select the menu to apply the template format: Click on the selection menu and click on "Avada Menu Options", select the menu need to apply the template just installed.

• Application Super Menu: Select the super menu named above and click "SAVE"Just save it and it will be applied to the front page of the website. For more on Avada's use of templates, see this articleAvada theme babysitting tutorial".

summarize

Whether it's a basic menu setting or an advanced mega menu design, Avada offers intuitive and efficient ways to operate. Mastering these settings can make your website more beautiful and practical, and user navigation smoother. To learn more about more WordPress related knowledge, please follow thePhoton fluctuation networkThe