Menus

To setup theme menus, go to Appearance > Menus page.

Theme Menus

  • Primary Menu – Navigation menu for navbar
  • Mobile Menu – Navigation menu for mobile
  • Top Menu – Navigation menu for the top bar
  • Footer Top Menu – Navigation menu for footer top section
  • Footer Bottom 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 Options

  • Icon Font – Choose from 1400+ FontAwesome 5 icons and Benelux theme 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 enable Mega Menu
  • 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.