Appfinite

Premium WordPress Themes for The Genesis Framework

How change Home link in navigation to an icon

Home › Community Forums › Epik Theme Support › How change Home link in navigation to an icon

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2013 at 6:12 pm #9179
    webauthor
    Customer

    Hi Wes,

    First off, great job on the Epik Theme!

    I have a question… Is there any way to replace the Home link on the navigation with an icon?

    Thanks,

    John

    November 27, 2013 at 9:12 pm #9185
    Eric
    Customer

    Yes you can do this. Each WordPress link in the navigation has it’s own ID…so all you would need to do is add that menu ID in your css, then add a background image so it only shows up on that particular navigation item.

    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    November 28, 2013 at 1:43 am #9194
    webauthor
    Customer

    Hi Eric,

    Thank you. The hard part was finding the ID for the custom home link. I found this tutorial which explained how to not only find the ID of the custom home link on the navigation bar, but also what code to use in the style.css

    http://vanweerd.com/how-to-retrieve-a-menu-item-id-from-wp-3-navigation-menus/
    http://vanweerd.com/how-to-replace-text-links-with-icon-links-in-wp-3-navigation-menus/

    Just in case someone needs the same information.

    Thanks for pointing me in the right direction.

    John

    November 28, 2013 at 11:40 am #9199
    Eric
    Customer

    You’re Welcome! Glad I could help 🙂

    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How change Home link in navigation to an icon’ is closed to new replies.