Archived topic

Home Icon instead of text in Menu

5 replies · Started by Adam on January 16, 2015

Viewing posts 1–6 of 6

January 16, 2015 at 3:53 am #65794

Hi there,

I have a home icon that I would like to use instead of the word 'Home' on the Navigation Menu.

I had a crack at doing this using Custom CSS but couldnt get it to display.

Could you by any chance guide me as to if this can be done and if so, how?!

Love the theme by the way!!

January 16, 2015 at 1:27 pm #65983

Hi Adam,

Maybe try using the Font Awesome icon in the Navigation label?

<i class="fa fa-home"></i>

January 17, 2015 at 8:02 am #66111

Excellent!

I used 'inspect element' and entered that bit of code instead of the word 'Home' and it displayed exactly as I wanted it to. Unfortunately I do not know where to put that code within Wordpress to make it work live on the site.

I can normally manage to figure stuff out but not sure with this one!

Thanks again for any assistance.

January 17, 2015 at 11:15 am #66131

Go to "Appearance > Menus" and open the item you want to add the icon to.

Now replace the "Navigation label" with the icon HTML.

Hope this helps :)

January 19, 2015 at 3:05 am #66618

Nice one thanks Tom,

Great theme and great support!

January 19, 2015 at 9:52 am #66700

You're welcome! :)

This archived topic is closed to new replies.

Start building better websites today.