Add any icon from Font Awesome to a main navigation menu item to customize it or use the template's settings to change the style, layout and colors of the menu.
The main navigation of the template has 1 default style and 7 preset styles and each one of these 8 navigation styles can be further customized with additional features:
The main navigation styles are available only for desktop and tablet layouts. Being responsive, the main navigation adjusts to desktop, tablet and mobile with 3 different layouts. The tablet layout for the main navigation stacks the logo and the main navigation on top of each other. The mobile layout for the main navigation uses Bootstrap's collapsing navbar and has both a light and a dark version.
To use the preset styles for the main navigation, use the SETTINGS tab from the template's options:
Choose any icon from Font Awesome and insert the name of the icon in the LINK CSS STYLE field in the LINK TYPE tab of the menu item. If you do not want to use any icon for the main navigation item, then simply leave this field blank:
Customize the color and font size of the icons for the main navigation by using the SETTINGS tab from the template settings: