[Resolved] Icon Before Menu Item

[Zoe]

Would it be possible to add icons (Font Awesome or similar) before menu item at navigation bar.

Like this one –

http://prntscr.com/70peeu

Thanks Tom.

[Tom]

Hi there,

Absolutely! Go into “Appearance > Menus”, and open your menu items.

When they’re opened, you’ll see they each have a “Navigation label”.

In the navigation label before the text, add the HTML for your font awesome icon.

For example, the home icon: <i class="fa fa-home"></i>

http://fortawesome.github.io/Font-Awesome/icons/

Let me know if you need more info 🙂

[Zoe]

Thanks Tom. It’s easy! 😉 when you point out. 🙂

What if I want to add custom image icon (like those icons – http://roundicons.com/) instead of Font Awesome icon? Could that be possible too?

[Tom]

For sure, you can add any HTML you want to the navigation label, including images 🙂

[Marcin]

How to change the icon size?

[Leo]

The size would inherit from the menu item text size which you can change in the customizer.

Or are you wanting different a size from the menu texts?

That case you can see the example here: http://fontawesome.io/examples/

[Author]

Posts