Using Icon for Home Appears Under Submenus

  • Resolved jessicamezo

    (@jessicamezo)


    3 years, 1 month ago

    To begin with, I absolutely love this theme – I must as I keep coming back to it. However, right now? I’m frustrated with the fact that the icon I’m using for Home is also appearing for other links – mainly those under the following submenus: Owner, Sims. Neither page is finished as of yet – but I’m concerned that it will confuse future visitors. I have double-checked that I don’t have the icon as the link in the menus, which I don’t. I’d appreciate help in fixing this.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Fotis

    (@markwaregr)

    Hi there,
    thank you for your feedback!
    If you havent already please do review our theme here https://www.ads-software.com/support/theme/olsen-light/reviews/ It will help us a lot

    Can you share the custom code you are using?

    Thread Starter jessicamezo

    (@jessicamezo)

    Hi!

    I believe that this would be it but I’m not 100% certain:

    #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
}

    As I mentioned previously, I want the icon for the main menu to replace Home, but not for the submenus as seen.

    Fotis

    (@markwaregr)

    Try 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
}

    instead of the above. Let me know if this helps

    Thread Starter jessicamezo

    (@jessicamezo)

    Yes! It worked perfectly! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Using Icon for Home Appears Under Submenus’ is closed to new replies.