Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 19, 2014 at 5:12 pm #337971
    goforyourdreams

    I used the following code to change the color of the menu item when the sub-menu item under it is active:

    .current-page-ancestor > a > .avia-menu-text {
color: #F05328;
}

    The problem with this code is that it only works if the Menu Item is a PARENT PAGE of the Sub-Menu Item.

    Sometimes the menu item on top of the sub-menu is not a parent page – it’s just a Link. On my website, when you go to “Volunteer” under “Give” menu, I want the word “Give” to be a different color. How do I do that?

    Thanks in advance for your help!

    October 20, 2014 at 3:56 am #338103
    Ismael

    Hi goforyourdreams!

    Thank you for using Enfold.

    Please use this:

    .current-menu-ancestor > a span.avia-menu-text {
color: red;
}

    Best regards,
    Ismael

    October 20, 2014 at 1:16 pm #338289
    goforyourdreams

    Works great, thank you so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change Color Of Menu Item When SUBMENU Item Is Active’ is closed to new replies.