Ahmad Imran

A tech-blogger who likes to wear the common-user's hat. Founder of REASONTOUSE, a platform to empower the common technology-user to make better and informed decisions.

 

This article is based on Avada version 3.9.3 and first published on the 9th of February 2016. 

 

Choosing your WordPress theme is an important decision. I suggest you to seek professional advice and expert opinion about the quality of code and theme mechanics. My reviews of the Avada theme are purely from personal user-experience perspective to assist you in making your decision.


 

This is the 5th article in the series of detailed Avada reviews.

I have previously written about “headers“, “footers“, “sidebars” and “fonts” within Avada theme settings.

In this article, I will explain to you the “menu” design options available to you in Avada theme. I am going to include a few snapshots in this article to show you the back-end settings that this theme offers to display your menus.

If you are a prospective Avada buyer or just want to compare your existing theme’s features with Avada, you will find useful information in the following few paragraphs.

Let us see how can we deal with “menus” from Avada backend panel in your WordPress installation.

 

 

How to Create and Assign “Menu” in Avada Theme?

Before we look into the Avada’s “Theme Options” to format menus and their settings, we need to a look at how do we set up and assign menus.

You need to access the WordPress’s “Appearance” menu from left hand side and click on “Menus” to see the following screen.

Sticky, Main, 404 and Top Menu Locations

 

Avada theme offers up to 4 menus to be assigned to various positions on your blog layout. These positions are:

  1. Main Menu (see “header” design article to know more about this position) – this position is the main menu of your blog. Big, bold and easily visible, the purpose of this menu is to allow easy and intuitive site navigation for your site visitors.
  2. Top Menu (see “header” design article to know more about this position) – this position acts as a secondary menu in addition to the main menu if you want to show more information in your header design. I use this menu on this website. Can you spot it?
  3. 404 Error Page Menu – Avada offers you to create and assign a specific menu on your blog’s 404-error pages. This helps the visitors to find their required information in case when they meet a 404-error page.
  4. Sticky Header Menu – This menu is applied and visible only if you use the sticky header option (where a header is always on top of your screen even if you scroll down). I do not use sticky header option on this website.

Each location can be assigned an individual menu from the list. Alternatively, you can assign the same “menu” to more than one location as well.

Next, let me explain you how do you create a menu.

Click on “Edit Menus” tab on the same screen and you will be presented with the following screen.

Main Menu Settings in WordPress

 

You can see that here you can create a new “menu” or edit an already created “menu”.

As an example, you can notice that I have used my main menu “Reviews” in three positions.

Main Menu, Sticky Header Menu and 404 Error Page Menu.

You will observe that the contents of this menu is assigned by dragging and dropping the custom post types from the left hand side (posts, pages, events and links etc.)

Once you are finished with creating and assigning the right menus to right locations, you are ready to jump into “Theme Options” to format your menu for the front-end.

 

“Menu” Settings in Avada Theme Options

Click on Avada from the left hand side menu and then “Theme Options”.

“Menu” option is number 7th on the list.

There are two main options to adjust settings in this section.

Menu Settings in Avada Theme Options

 

The first heading is “Menu Options”.

Avada Menu Options and Settings Explained

 

All settings are simple and self explanatory. Have a look at the snapshot above and you can see that these setting allow you to adjust various formatting and design elements of your “main menu” and top “menu” on your blog.

There is a separate heading for “Mobile Menu Options” – these settings allow you to define your menu design when accessed from a mobile phone platform. See snapshot below.

Avada Theme - Mobile Menu Settings

 

Other Avada Settings Affecting Menu Design

You also need to look at the following 4 main options to adjust the final design and appearance of your menus in Avada theme.

Fonts and Colours Settings for Avada Theme Menu Design

 

  1. Header – this allows you to choose one or two-menu option in the header design. It also allows you to chose what information you need to show in your top menu. Full “header” review can be read in this article here.
  2. Logo – this allows you to define your logo for the website and format its size, position and other design details. The logo is then shown along with your main menu according to your header design layout.
  3. Typography – this allows you to choose the font, size, weight, margins and line heights for “menu” items. You can read a full Avada “fonts” review here.
  4. Styling – this allows you to choose colours, backgrounds and images to be used in your header where menus are displayed.

By applying all these settings from Avada Theme Options, your menus are fully designed and presented according to your requirements.

I have kept the things simple on this platform.

A main menu, wrapped in a solid black-bar with logo on the left and menu items on the right hand side.

And a top menu with links to important pages on the right hand side.

Can you spot and easily identify both of these menus?

 

Avada Menu Options – Wrap up

I am sure the back-end snapshots must have helped you to have a flavour of Avada’s offering in terms of creating, assigning, formatting and displaying menus for your blog visitors.

I believe that it is simple, practical and convenient to set up menus in Avada theme.

Don’t forget that in addition to the “menu settings” offered within the theme, you always have an option to add more menus in sidebars, widgets or as an add-on plugin.

There are plenty of choices.

If you want to check out Avada’s official ThemeForest page which has a live preview of the theme, I suggest spending ten minutes there to get a wider understanding with different templates and styles etc.

I hope this article has helped you to take another step towards making your decision about the Avada theme.

If there is any ambiguity or any question in your mind that I did not cover in this article and relating to “menus”, feel free to drop a line in comments below.

I will be glad to help.

Share your experience with “menus” in your current theme.

Is your theme more versatile and customisable when it comes to menus as compared to Avada?