Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 12, 2015 at 4:44 pm #458478
    Munford

    Hi
    Is there a way to target only the current menu item hover color?
    Right now it’s changing when the mega menu gets pulled down, and I think it’s confusing.
    I’d like to stay orange.

    thanks

    June 12, 2015 at 4:49 pm #458483
    Yigit

    Hey Nancy!

    Please add following code to Quick CSS 

    li.current-menu-item:hover>a>.avia-menu-text {
  color: orange!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Best regards,
    Yigit

    June 12, 2015 at 5:16 pm #458514
    Munford

    thanks – that kind of worked but it seems like it changes to dark gray (like I have it set in the advanced styling hover state only) and then back to orange again. Do I have to set them all separately?

    June 15, 2015 at 9:40 am #459179
    Ismael

    Hi!

    Please use this to keep the “orange” color on active menu items:

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
  color: #db5000 !important;
}

    Cheers!
    Ismael

    June 16, 2015 at 11:20 am #459958
    Munford

    thanks that seemed to work!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘menu hover current item color’ is closed to new replies.