Icon menu ?

This topic has been marked as resolved.

hi, mi menu havent icon, i want something like on image

cheers !

January 16, 2016 at 12:32 am #44409

Hi,

For the moment there is no built-in feature to add icons to menus. You will need to use custom class and CSS to add this icon.

BR,
ThemeBurn team

January 19, 2016 at 1:04 pm #44450

how ? can you give an example ?

January 19, 2016 at 2:34 pm #44467

Hi,

1) You need to get the menu class with some inspector tool (every modern browser has such a tool).

2) Create your icon with the image tool you use (PhotoShop e.g.) and upload it to your server.

3) Use this code to insert the icon (note that this is only an example code that you will need to change with actual data – class and image url):

.icon_class {
  padding-left: 30px;
  background: url(IMAGE_URL) no-repeat left;
}

BR,
ThemeBurn team

February 8, 2016 at 10:03 am #44740

is a boostrap icon, the same icon you see on pavilion’s cellphone version , how to add to desktop version ?

  <span class="glyphicon glyphicon-align-justify"></span>

i try to add “glyphicon glyphicon-align-justify” (including quotes) to Additional class on menu composer, then clean cache, but nothing happens

  • This reply was modified 2843 days ago by  truchosky.
  • This reply was modified 2843 days ago by  truchosky.
  • This reply was modified 2843 days ago by  truchosky.
  • This reply was modified 2843 days ago by  truchosky.
  • This reply was modified 2843 days ago by  truchosky.
  • This reply was modified 2843 days ago by  truchosky.
July 12, 2016 at 8:07 pm #49580

Hi,

Default bootstrap icons are not loaded, but you can use Font Awesome ones:

http://fontawesome.io/

BR,
ThemeBurn team

July 14, 2016 at 11:52 pm #49646

how to set it?, doenst work neither, i want this icon (http://fontawesome.io/icon/bars/) , when i put “the code” in additonal class it shows nothing, in fact, the menu stop working until i remove the code from aditional class

  • This reply was modified 2841 days ago by  truchosky.
  • This reply was modified 2841 days ago by  truchosky.
July 14, 2016 at 11:59 pm #49648
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
July 22, 2016 at 6:21 pm #49840

Very cool thanks TB for the right way of adding the awesome font.

I had been able to do it earlier adding this:
<i class="fa fa-bars" >&nbsp;</i>
and it would take on the style of the navigation.

I later added the space&nbsp; between the awesome and link title so it wouldn’t be so crowded.

  • This reply was modified 2833 days ago by  looserfoot.
July 22, 2016 at 9:07 pm #49852

nice one, lets try with accent label instead of additional class

July 22, 2016 at 9:23 pm #49855

@looserfoot

Nice hack indeed :)

August 1, 2016 at 5:22 pm #49998
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.