Navigation
Archive / navigation menu icon
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 24, 2016 at 4:44 pm #1008001
    goalsarecool
    Participant

    How do i put the following next to the home navigation in my primary menu?

    [x_icon type=”home”]

    Podcast

    Thanks in advance!
    Blake

    May 24, 2016 at 6:55 pm #1008115
    Jade
    Moderator

    Hi Blake,

    You can simply add the icon shortcode in the label field of the menu item.

    Hope this helps.

    May 24, 2016 at 7:51 pm #1008234
    goalsarecool
    Participant

    did not work.

    May 24, 2016 at 11:26 pm #1008472
    Nabeel A
    Moderator

    Hi again,

    You can add your own custom HTML inside the navigational label in WordPress menu items and customize it further according to your requirement.

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

    Icon codes you can find it from this URL (http://theme.co/x/demo/renew/1/shortcodes/icons/).

    Hope that helps.

    May 25, 2016 at 6:57 am #1008897
    goalsarecool
    Participant

    I pasted the code provided above in the menu>home>navigation label and it did not work.

    May 25, 2016 at 7:36 am #1008938
    Joao
    Moderator

    Hi There,

    Please try using this code instead

    <i class="x-icon x-icon-adjust" data-x-icon="" aria-hidden="true"></i> Menu Item

    Hope that helps,

    Joao

    May 25, 2016 at 7:51 am #1008963
    goalsarecool
    Participant

    The code you provided brings up the adjust icon. I’m trying to get the home icon to show up. It does not work when I try to copy your code and use the following:

    <i class=”x-icon x-icon-home” data-x-icon=”” aria-hidden=”true”></i> Home

    Can you please help?

    Blake

    May 25, 2016 at 8:40 am #1009047
    Joao
    Moderator

    Hi Blake,

    No problems, it suppose to be just an example, should´ve adjusted for you before:

    This will work:

    <i class="x-icon x-icon-home" data-x-icon=""></i> Home

    Hope that helps,

    Joao

    May 25, 2016 at 8:44 am #1009055
    goalsarecool
    Participant

    Now I’m trying to get the users icon next to about page using the same code and it’s not working.

    <i class=”x-icon x-icon-users” data-x-icon=””></i> About

    Can you please assist?

    Blake

    May 25, 2016 at 9:32 am #1009126
    Joao
    Moderator

    Hi Blake,

    Here we go.

    <i class="x-icon x-icon-users" data-x-icon="" aria-hidden="true"></i>

    Let us know if you need anything else.

    If you click with your right side mouse button and inspect the icons on the page below you will be able to find these codes.

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

    Let us know if you need further help.

    Thanks,

    Joao

    May 25, 2016 at 10:05 am #1009197
    goalsarecool
    Participant

    That worked… thanks!

    Based on your instruction, I was able to do the rest of them.

    Thanks again!
    Blake

    May 25, 2016 at 11:22 am #1009339
    Joao
    Moderator

    Hi Blake,

    That is great to hear it 🙂

    Thanks,

    Joao

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