Font Awesome in DJ-MegaMenu

Font Awesome in DJ-MegaMenu

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".

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

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.

Save Menu Item and preview in your browser
4.  As you can see, the "Car ads" item contains a vector icon now.

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

      • Related Articles

      • Color customizer in DJ-MegaMenu

          A new feature in DJ-MegaMenu allows you to customize the look and feel of your menu. We've added the option to modify the menu's colors the way it'll look exactly as you need. Color customizer is available only in the FULL version of DJ-MegaMenu ...
      • Module options

        DJ-MegaMenu module is necessary to display the menu in the module position.  Navigate Extensions > Module Manager and choose the DJ-MegaMenu module. Let's take a look at Module Parameters: Menu Name – The name of the menu (default is main menu) Base ...
      • Options in menu item

         Remember to enable the DJ-MegaMenu system plugin, it will display an additional parameter tab in the menu item form. Let's see the available options in the menu item. Hide item name - yes/no Show menu item in - choose to show menu item in mega menu, ...
      • DJ-MegaMenu для Jooma | Видеокурс

      • How to change the font size in DJ-MegaMenu

        To change the font size you need to adjust the menu theme. Learn how to create own menu theme .   There is also an aternative way. You can override it in your Joomla template custom styles. For example: li { font-size: 14px; ...