Menus

Navigation / Menu Setup

To setup your menu, go to Appearance > Menus page.

There are 5 theme locations to assign your menus:

  • Main Menu – navigation menu for navbar
  • Off-Canvas Left Menu – navigation menu for mobile
  • Off-Canvas Right Menu – navigation menu for right fly out section
  • Footer Menu – navigation menu for footer bottom section
  • Account Menu – my account dropdown menu

How To Setup A New Menu

  1. Go to Appearance > Menus page.
  2. Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu button.
  3. To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.
  4. To add a custom menu item, enter a custom name and link into the Links.
  5. Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.
  6. After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 2 locations in the Theme Locations box.
  7. Once its all done, make sure you click the Save button.

How To Setup A Mega Menu

  1. Add your menu items to the menu and arrange them in 3 levels. See the screenshot below.
  2. Click on Menu Options button to access menu item settings.
  3. On the first level, set Menu Type option to Mega Menu.
  4. Set Mega Menu Width in columns, each columns equals 220px in width. For full width menu simply select 8 columns.
  5. On the second level, set Column Width relative to the menu width. e.g. 1/2 is the same as 50% of menu width.
  6. Second level menu items also act as the column titles, hide the title by checking the Hide Column Title option.
  7. Third level is where you put most of your mega menu items.
  8. Alternatively you could also assign a Widget Area to a menu item, so it can display widget content as drop down.
  9. Once its all done, make sure you click the Save button.
Menu Structure

Menu Options

  • Icon Font – Choose from 1400+ FontAwesome 5 icons and Talemy icons
  • Icon Image – Use an image icon instead of an icon font, icon font option will be ignored if icon image is set.
  • Icon Only – Show only the icon without menu text
  • Icon Color – Only applies to icon font option
  • Icon Background Color –  Icon background color
  • Text Color – Menu text color
  • Item Background Color – Menu item background color

Mega Menu Settings

First Level
  • Menu Type – Select “Mega Menu” option to use Mega Menu as submenu.
  • Menu Width – Menu width are measured in columns, each columns equals 220px in width. For full width menu simply select 8 columns.
  • Background Color
  • Background Image
  • Background Position
  • Background Repeat
Second Level
  • Column Width – Set a width relative to the total menu width. e.g. 1/4 is the same as 25% of menu width.
  • Widget Area – Display widget content from selected sidebar.
  • Hide Column Title – Hide menu item completely including the icon.
  • Start a New Row – Display current and proceeding columns from a new row.
Third Level
  • Widget Area – Display widget content from selected sidebar.