Friday, 13 March 2015 09:03
Modified: Monday, 26 November 2018 15:15
Font Awesome in DJ-MegaMenu3.6 out of 5 based on 7 votes.

How to add Font Awesome Icon to Menu Item

Font Awesome allows you to add vector icons from a huge library to your Menu items in an easy way.

We have prepared short tutorial about how to add font awesome icons to your menu structure.

1. Click on "Menus" and choose "Main Menu".

phoca thumb l open menu admin2

2. We will add vector icon to "Car ads" menu item.

 phoca thumb l car ads example2 1

3. Open this item and choose "DJ-MegaMenu Options" Tab.

The code must be placed in the "Menu Icon" Set Font Awesome icon by typing a proper classes.

You can select the icon you want from - Font Awesome Icons

We use "fa fa-sign-in" icon on this example.

phoca thumb l fa fa sign in example 1

Save Menu Item and preview in your browser

4.  As you can see, the "Car ads" item contains a vector icon now.

phoca thumb l dj-megamenu front3

To increase icon sizes relative to their container is required to use classes fa-2x, fa-3x, fa-4x, or fa-5x classes.


User Rating:  (7)