How to set up menus and mega menus in Avada theme: detailed tutorial (02)

Welcome to this tutorial, today we will tell you in detail how to set up the Normal Menu and Mega Menu in Avada theme. Although the normal menu is relatively simple to set up, we will not repeat, if you want to know more you can refer to the Basel Theme Menu Settings. This time, the focus is on the Super Menu, which has been updated in the new version of Avada to make the settings more convenient and flexible. Whether you are a novice or an experienced user, this article will provide you with practical steps and tips.

Steps: Website Backend→Appearance→Menus

So how do you set up Avada's mega menu anymore, there are two ways to do it, and after Avada's update, the new mega menu is much more convenient

Steps: Backend of the site → Avada -> Studio -> Mega Menu (Mega Menus)

I've circled the places, so you shouldn't have trouble finding them. (as shown above)

Choose a template you like and import it, isn't that convenient?

Creating a Supermenu

I know a lot of newbies don't know how to create a Mega Menu at all, so let's just import a Mega Menu.

Choose the right one. Here's one I picked at random.

Just adjust it and import it.

Modify the Super Menu

After importing you may still not be able to find where the super menu is to access the frontend to modify it.

Steps: Avada → Library → Mega Menu (type)

Do not care about the name of the super menu, as shown above, this is what I created, if you import that template is to show the name of the template

Make the front-end display a mega menu

Do a good job of a super menu, can not be directly displayed in the foreground, we also need to be in the background of the menu inside a simple setup.

Since I want this mega menu to show up under Product center, which is the image you see on the website, click on the location in the image

Next, select the super menu you want, and finally save the whole menu so that your website frontend can display the super menu, isn't it very simple.

A word of warning though, if you're using Elementor, it does seem a bit cumbersome to have to manually add and modify styles incrementally after purchasing the Super Menu plugin!

You can adjust the other options as needed. If you are importing a template, you can modify the images and text in order not to destroy the effect of the template. Click on HOLD (SAVE)

Finally click on the Save Menu

Old Super Menu

Here according to your needs to, you have to ask me what the difference is, that is, the new version is to import the template to modify, the old version you need to call out one by one by yourself!

Some of you may still want to use the original Super Menu and say, Gee, I just like the original gadgets, a little bit of the Super Menu made, then you can click on Performance and then open the old Super Menu.

Steps Avada→Performance→Features→Legacy Mega Menu (old version of Mega Menu)

How to create it? The following figure, let's say that there are three secondary menus

Let's compare 1,2,3 as A,B,C, and come to Widgets (gadgets) here to create the first

Then go back to the menu and click on Avada Menu Options

There are three main items to be set up here as follows.
Fusion Mega Menu:on is on.
Mega Menu Wrapper Width:max width最大宽度还是 fit content适合内容，这个你可以每一个都试试，看看效果怎么样，对比后做选择:.
Mega Menu Number of Columns:How many columns do you want to add to the mega menu? The image here is 3 columns, up to 6 columns.
After the setup must remember to return to the [menu structure] on the right side of this page click on [save menu], otherwise this step are in vain, every time you change the menu should be saved, do not talk about it!

Come to [Appearance] [Gadgets], from the left side drag and drop a [text] to the right side has been added to the gadgets A, gadgets A switch to text mode, paste the code, and then switched to the visualization mode, to see the picture of the center, there is no problem to save. The other two are the same

A final word to summarize

Beginners directly choose the new version of the Super Menu on the line, simple and direct look!

If you are still used to the old super menu for Avada veterans, you can go ahead and use it, but the results are still almost as good!

summarize

With this tutorial, we have explained in detail how to set up and modify the mega menu in Avada theme, no matter you choose to import the existing template or use the old manual setup method, you can easily create the menu layout suitable for your website. Hope these methods can help you get started quickly. If you are a newbie, we recommend using the new version of Super Menu directly, which is simple and efficient. Thank you for reading, we will bring you more useful tips about Avada theme in the next issue, stay tuned!