1. What are the main navigation styles?

The main navigation styles of the template are designed to showcase the main navigation.

Add any icon from Font Awesome to a main navigation menu item to customize it or use the template settings to change the style, layout and colors of the menu.

Usually there are 24 main navigation styles available for each template. The main navigation of the template has 8 preset styles and each one can be further customized with 2 icon styles (horizontal and vertical) and 2 header styles (dark and light).

To see the main navigation styles for our templates, see the FEATURES/NAVIGATION STYLES/MAIN NAVIGATION page from the demo.

2. Choose your main navigation style

To use the preset styles for the main navigation, use the STYLE tab from the template's settings:

FavThemes docs main navigation style

3. How to add icons to the main navigation items

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:

FavThemes docs main navigation icons

4. How to customize the icons using the template settings

Customize the color and font size of the icons for the main navigation by using the STYLE tab from the template settings:

FavThemes docs main navigation style settings

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.