Bootstrap Icons in DJ-MegaMenu

Bootstrap Icons in DJ-MegaMenu

How to add a Bootstrap Icon to Menu Item

Thanks to Bootstrap Icon users are able add vector icons to your Menu items quick and easy.

Bootstrap icons are available if the Joomla template is based on the Bootstrap. The icons collection may vary depending on the template, that loads a personalized boostrap version.

Read our tutorial about how to add Bootstrap icons to Joomla menu structure.

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




2. Now we add a vector icon to "Car ads" menu item.



3. Open this item and choose "DJ-MegaMenu Options" Tab.
The code should be placed in "Menu Icon". Set the proper Bootstrap icon by typing a proper classes.
You can choose from a huge collection of icons here - Bootstrap icons.
We use "icon-home" as an example icon.




Save Menu Item and see the front view now.
4.  The "Car ads" menu item contains a Bootstrap icon now.




      • 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 | Видеокурс

      • DJ-MegaMenu Joomla 4 Module options

        DJ-MegaMenu module is necessary to display the menu in the module position.  Navigate Content > Sitem modules 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 ...