Main menu

There are 3 areas of the theme where you can display a menu: the Top Menu, the Main Menu and the Footer Menu.

The theme comes with some general options for the Main Menu.

  1.  Go to Appearance → Theme Options → Header Settings  
  2. Select Main Menu Settings Tab
  3.  Add the house icon to first item on main menu
  4. Sticky menu: This option give you the freedom to decide how to display the header menu on scroll.
    • Disable
    • Scroll down – The main menu stay fixed on the top section of your website and will disappear from the view port when you scroll down the pages
    • Fixed – This option makes your website’s menu to be sticky all the time
  5. Delay time on mouse hover

After you finished customizing this section click the Save Changes button.

Create and customize a Menu

This Theme uses wordpress built-in menus feature which can be found in your wordpress dashboard > appearance > menus. To setup a new menu, please follow the steps below. Its best to already have your pages created, even if they are blank pages

  1. Navigate to Apperance > Menus page
  2. Click the “create a new menu” link to make a new menu. Enter the name then hit Create Menu
  3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
  4. You can also add menu items by entering a custom name and custom link into the Links box.
  5. You can manage your menus 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, select the menu you just created as the Primary Navigation in the Menu Settings and Create a new menu and select it as the Top Menu Navigation in the Menu Settings
  7. Once its all done, make sure you click the Save button.
  8. You can chnage menus locations in any time from Manage Locations tab.

Add a icon to Menu

  1. Go to Plugins -> Add new and install Font Awesome 4 Menus plugin.
  2. To preview all available Font Awesome icons go here. Click on an icon that you want to use and then copy the code of the icon
  3. Go to Appearance -> Menus and select a menu that you want to edit and paste the icon code in a menu item, then save the menu.

And results