Use Icon for Home on Menu

  • I’m wanting to place the word “HOME” on the menu with an icon. However, I cannot quite seem to find a way to do this. Any help anyone could provide would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,
    Add this

    #menu-main li:first-child > a:before {
    font-family: fontawesome;
    font-size: 20px;
    content: "\f015";
}
#menu-main li:first-child a {
    font-size: 0;
    margin-right: 0
}

    in your custom CSS box under Customize-?Additional CSS

    Let me know if this worked for you.

    Thread Starter jessicamezo

    (@jessicamezo)

    Apologies for not replying – I’ve had very sporadic access to the internet and haven’t really been able to work on my site. The CSS that you provided does replace the HOME button with an icon – however, the icon also appears under each submenu, for example, https://jessicamezo.com/owner/about instead of the word ABOUT. How would I go about fixing this issue?

    Hi,
    try this

    #menu-main > li:first-child > a:before{
    font-size:20px;
    content: "??";  
}
#menu-main > li:first-child a{font-size:0;margin-right:0}

    instead and let m know if it works

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Use Icon for Home on Menu’ is closed to new replies.