Navigation
Archive / Add Icon to menu item
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 9, 2016 at 4:41 am #1033719

    scanglas
    Participant

    Hi. I am trying to add an icon as a menu item, but can’t get it to work.

    I have added <i class=”x-icon x-icon-user”></i> as on the attached picture. But I only get an empty space with a clickable link, no icon show up. Am I missing something here?

    Site: http://www.scanglas.se
    X theme version: 4.5.1
    Wordpress version: 4.5.2
    Cornerstone version: 1.2.4

    Thanks!

    June 9, 2016 at 7:27 am #1033897

    Paul R
    Moderator

    Hi,

    Please try this code instead.

    <i class="x-icon x-icon-user" data-x-icon="&#xf007;" aria-hidden="true"></i>

    Hope that helps.

    June 9, 2016 at 8:23 am #1033964

    scanglas
    Participant

    Thanks! That made the icon show up. However, when I try with an other icon, such as the sign-in icon, it don’t work. Do I need to change something in the code for an other icon? Maybe the “&#xf007;”-part?

    June 9, 2016 at 10:59 am #1034229

    Joao
    Moderator

    Hi There,

    To use the sign in icon you can use :

    <i class="x-icon x-icon-sign-in" data-x-icon="" aria-hidden="true"></i>

    To find this codes you can acess this page:

    http://theme.co/x/demo/integrity/1/shortcodes/icons/

    Click with the right button of your mouse and inspect the desired icon.

    Hope that helps,

    Joao

    June 9, 2016 at 11:12 am #1034250

    scanglas
    Participant

    Thank you very much!

    June 9, 2016 at 2:47 pm #1034563

    Joao
    Moderator

    You are very welcome 🙂

  • Author
    Posts