[Resolved] Icon Before Menu Item

Home Forums Support [Resolved] Icon Before Menu Item

Home Forums Support Icon Before Menu Item

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #104741
    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.

    #104762
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #104833
    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?

    #104896
    Tom
    Lead Developer
    Lead Developer

    For sure, you can add any HTML you want to the navigation label, including images πŸ™‚

    #375338
    Marcin

    How to change the icon size?

    #375405
    Leo
    Staff
    Customer Support

    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/

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.