1. Home
  2. Docs
  3. Content Elements
  4. EA Advanced Menu

EA Advanced Menu

How to Configure and Style Advanced Menu

EA Advanced Menu lets you display the navigation menu of your site at any place of your site instantly. It makes navigation very much user-friendly & gives you the freedom to place it at any certain section of your website. As a result, this element can massively improve the user experience for your website.

Table of Contents:

  1. How to Create a Menu
  2. How to Activate Advanced Menu
  3. How to Configure the Content Settings
      3.1. General Settings
  4. How to Style Advanced Menu
     4.1. Main Menu Styling
     4.2. Others
  5. Final Outcome

    1. How to Create a Menu

First of all, make sure that you had already created a Menu to use it on EA Advanced Menu. To create a menu, simply go to your WordPress Dashboard. Then navigate to wp-admin -> Appearance -> Menus.

You can simply use its drag & drop facility to create a Menu & save it.

EA Advanced Menu 1
2. How to Activate Advanced Menu

To use this Essential Addons element, find the EA Advanced Menuelement from the Search option under the ELEMENTS tab.

Simply just Drag & Drop the EA Advanced Menu’ into the Drag widget hereor the ‘+’ section.

EA Advanced Menu 2
After you are successfully done with this step, this is how the element is going to look like.

EA Advanced Menu 3

3. How to Configure the Content Settings

 

Under the ‘Content’ tab, you will find the ‘General’ section.

3.1. General Settings

From this section, you can choose a ‘Menu’ out of which you have created on your website. Besides, you can use the drop-down menu to choose your preferred Layout as well. By default, it is set to ‘Vertical’ layout.

EA Advanced Menu 4
Click to See Live Demo

4.  How to Style Advanced Menu

Switch to the ‘Style’ tab to style all the features of Advanced Menu.

4.1. Main Menu Styling

From the ‘Main Menu’ section, you can change the color of the Background & Item Divider of your menu. Besides, you can change the ‘Hover’ background color as well. You also have the flexibility to modify the alignment & padding of the menu.

For ‘Vertical’ layout, you can also use the toggle to enable or disable ‘The Dropdown Indicator’- the arrow signs. Moreover, you can add styling to the Box Shadow & Border as well.

EA Advanced Menu 5
4.2. Others

From the ‘Typography’ section, you can modify the texts for both the Main Menu & Dropdown Menu texts. You can change the Font Color, Family, Size & many more.

You can also add styling & change the colors of Dropdown Menu & Indicator Items from the ‘Style’ tab.

EA Advanced Menu 6

5. Final Outcome

By following the basic steps and a bit more modifying, you can style your Advanced Menu as per your preference. Simply just click on the ‘Indicator’ and you will be able to view the dropdown menus as well. EA Advanced Menu 7

This is how you can easily display amazing navigation Menu on any place of your website using EA Advanced Menu.

Get Started Now

Tags , , ,

How can we help?