Home>>Website>>WordPress>>Avada Theme Review – Menu Design Options

Avada Theme Review – Menu Design Options

Ahmad Imran

I believe in educating and empowering my readers to make better decisions. REASONTOUSE platform is designed to provide you passionate, honest and real-life feedback around personal technology with a view to improve your user experience.

 

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.

 

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.

 

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.

 

The first heading is “Menu Options”.

 

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.

 

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.

 

  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?

 

2016-11-16T12:09:54+00:00 February 10th, 2016|Categories: Website, WordPress|Tags: , , , |
  • Hi Ahmad,

    This theme seems clean and functional. I particularly like the hidden sidebar as it gives a bit less clutter on the screen and more focus on the article (which is great). It looks like you can get quite deep into the settings here which is a good thing on a premium theme.

    Going by one of your images, there appears a plethora of different settings to tweak. This theme would be ideal for an intermediate user.

  • Jackson, thanks for stopping by and leaving a comment. Just out of curiosity, which theme do you use on BlogPrefect?

    Avada is a very versatile and customisable theme, however, it does need vigilance and effort to be made to keep it fast and agile as if you are not careful, it can slow you down.

  • Hi Ahmad,

    my theme for BlogPrefect is Bloggy, available on ThemeForest (Envato). I went for a clean style but needed some premium features that the free themes weren’t providing.

    As for Avada, I think it looks good but the work required to keep the blogging experience quick can be a tough battle. I’m looking to streamline my site in June time which hopefully should open the valve for visitors.

  • Good luck with speeding up your blog. If you need any help or support from my side, let me know (I am not an expert though but probably can help you with my own limited experience and feedback). Cheers

  • Thanks Ahmad, I am having a major spring clean at the moment and have opted to clean out 33% of my unproductive content as part of the process. If I can jam a speed increase in there too, I’ll do it :)

  • Hi Ahmad,
    absolutely awesome tutorial.
    I am loving the way you describe & explain!
    Have a nice day ahead!
    ~ Ahmad

  • Muhammad, thanks for your comment and I am glad you liked the article. I am not sure which theme you are using but I am guessing you can extract some value from these back-end reviews.

    I have been to your blog http://tutorialsfist.com and have read a few articles there as well. Keep up the good work, will try to be more regular there.

    Keep visiting and if there is anything you want me to improve or write about, please do suggest. Have a nice day.