Public Forums 71,145 posts

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1065934

Hello,
How do I add a font awesome home icon to the main menu – I would like just the icon on this one menu item (home) all others can show the title of the menu.

I am used to t3 structure with a local folder to manage all, but not quite sure how to approach with JA Builder.
If I use css, where do the font awesome files go?
And is it even possible? Can you please outline some steps.

Much appreciated

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1066349

Hi,

You can try this tweak:

• Go to backend settings of home menu item on your site > Link Type tab > add these classes: fa fa-home text-hide

http://prntscr.com/gty2cj

• When edit this page on frontend > add this css rule into Custom code field:

  .text-hide {font-size: 0 !important;}
  .text-hide::before {font-size: 14px !important;}

http://prntscr.com/gty2tg

Regards

[Author]

Posts