Avada Special Menu Items

21/09/2020

With Avada 7.0, we have added some Special Menu Items to the Add Menu Items dialog, found at Appearance > Menus. You can use these special items to add these specific features to your menu when using the Menu Element. Read on to learn more about the special items.

IMPORTANT NOTE: These special items only work in conjunction with the Menu Element.
Avada Special Menu Items

How To Use The Avada Special Menu Items

There are a number of special menu items, that we used to add into the menu automatically. Now, you have full control to place them in the menu where you like, plus more control over the appearance/icon. These items can be added to a menu when you build it, at Appearance > Menus. Each one has their own Avada Menu Options dialog to help style the menu item.

IMPORTANT NOTE: The Avada Special Menu Items ONLY work in Top Level Menu Items.
Adding Special Menu Items

Avada Special Menu Items

WooCommerce Cart

With this item, you can add the WooCommerce Cart to your Menu. It has a custom Avada Menu Options dialog with WooCommerce cart relevant settings.

  • Show the WooCommerce Cart Counter – Turn on to only show the cart products counter.

  • Show the WooCommerce Cart Contents Dropdown – Turn on to show the cart contents dropdown.

  • Icon Select – Select an icon for your menu item. For top-level menu items, icon styles can be controlled in Options > Menu > Main Menu Icons.

  • Icon/Thumbnail Only -Turn on to only show the icon/image thumbnail while hiding the menu text. Important: this does not apply to the mobile menu.

  • Cart Counter Background Color – Set cart counter background color.

  • Cart Counter Text Color -Set the cart counter text color.

  • Cart Counter Border Color – Set the cart counter border color.

Avada Menu Options > WooCommerce Cart

WooCommerce My Account

With this item, you can add the WooCommerce My Account to your Menu. It has a custom Avada Menu Options dialog with settings for the Icon.

  • Icon Select – Select an icon for your menu item. For top-level menu items, icon styles can be controlled in Global Options > Menu > Main Menu Icons.

  • Icon/Thumbnail Only – Turn on to only show the icon/image thumbnail while hiding the menu text. Important: this does not apply to the mobile menu.

Avada Menu Options > WooCommerce My Account

Search

With this item, you can add the Search function to your Menu, rather than using the Search Element. It has a custom Avada Menu Options dialog with just the one setting.

  • Search-Form Mode – Choose from Inline, Dropdown, or Overlay.

Avada Menu Options > Search

Sliding Bar Toggle

With this item, you can add a Sliding Bar toggle to your menu. It has a couple of settings around the Icon shown.

  • Icon Select – Select an icon for your menu item. For top-level menu items, icon styles can be controlled in Global Options > Menu > Main Menu Icons.

  • Icon/Thumbnail Only – Turn on to only show the icon/image thumbnail while hiding the menu text. Important: this does not apply to the mobile menu.

Avada Menu Options > Sliding Bar Toggle