Navigation
Archive / Trying to add icon to nav menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 17, 2016 at 4:20 pm #996154
    saritn
    Participant

    Hi,

    I tried everything exactly as described in this thread https://community.theme.co/forums/topic/icon-in-menu-2/
    but still the home icon won’t show up.

    <i class=”x-icon x-icon-home”></i> Home

    In the thread it also says to enable legacy font classes in Settings -> Cornerstone, but all I could find is Cornerstone -> Settings, and the legacy font setting is not on it.

    Thanks

    May 17, 2016 at 4:28 pm #996179
    Rahul
    Moderator

    Hey,

    Thanks for writing in!

    You can try this instead :

    <i class="x-icon x-icon-envelope" data-x-icon=""></i>

    Thanks

    May 17, 2016 at 7:20 pm #996345
    saritn
    Participant

    Thanks Rahul, that worked (sort of).

    For others who are trying to achieve the same:
    I had to replace “envelope” with “home”, of course, and the funny square symbol in Rahul’s reply with “& # xf015;” (without the spaces! The forum software takes it and renders it into a square.)

    So this is what I put into the navigation label to make it work (see screenshot)
    <i class=”x-icon x-icon-home” data-x-icon=”& # xf015;”></i> (without the spaces between &, # and x)

    May 17, 2016 at 10:21 pm #996661
    Prasant Rai
    Moderator

    Good to hear you figured it out! Let us know if you have any other questions. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-996154 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>