Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 19, 2016 at 5:01 pm #674822
    robphat

    See http://usm4.siteground.biz/~leadopti/howdoyouq.com

    I am trying to set the hover and active background and text color in the main menu. I was able to get the background hover color by targeting this: li.menu-item-top-level a:hover

    And I was able to target the hover text color with this: li.menu-item-top-level span.avia-menu-text:hover But that only works when the actual text is hovered. I want the menu text color to change when the background color changes on hover, but I can’t find the selector to target for that.

    Also, I am trying to give the same css described above to the active link in the main nave, but I can’t find the selector to target for that. li.menu-item-top-level a:active is not doing anything.

    August 22, 2016 at 2:04 pm #675733
    Yigit

    Hey robphat,

    Have you tried going to Enfold theme options > Advanced Styling tab and editing “Main menu links” instead?

    Best regards,
    Yigit

    August 22, 2016 at 7:12 pm #675963
    robphat

    I forgot about the Advanced Styling tab. Got it working, but how do I make the search icon in the menu not have a hover effect? Only custom css?

    And how do we set hover css for Active menu item?

    • This reply was modified 9 years, 2 months ago by robphat.
    August 22, 2016 at 9:04 pm #676034
    Yigit

    Hi!

    I am getting “403 – Forbidden Error
    You are not allowed to access this address.
    If the error persists, please contact the website webmaster.” error so i could not check the site. Can you please temporarily disable that restriction

    Best regards,
    Yigit

    August 22, 2016 at 9:10 pm #676038
    robphat

    Ah. Sorry. I just swapped the domain on that site. It’s now at http://theqmart.com

    Thanks,
    Rob

    August 25, 2016 at 11:52 am #677451
    Ismael

    Hi,

    You can use this to change the style of the current menu:

    #top #header .av-main-nav > .current_page_item > a > .avia-menu-text {
    color: red !important;
}

#top #header .av-main-nav > .current_page_item > a {
    background-color: black !important;
}

    Best regards,
    Ismael

    August 25, 2016 at 5:00 pm #677663
    robphat

    Got it. Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Main Nav custom css’ is closed to new replies.