Breadcrumbs

Home / Help / FAQ / Tutorials / DJ-MegaMenu FAQ / Bootstrap Icons in DJ-MegaMenu

Top Menu

Content

Bootstrap Icons in DJ-MegaMenu
Bootstrap Icons in DJ-MegaMenu 4.0 out of 5 based on 4 votes.

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.

 

 


Found this article interesting? Subscribe for more.
Or share this article with your friends.
Monday, 16 March 2015 09:09
 
User Rating:  (4)
PoorBest
 

Footer Menu