I want the menu item corresponding to the current page to be different color (orange). I used the following code:
#top .av-main-nav > li.current-menu-item a {
color: #F05328;
}
I have 2 problems with this code:
1) It turns the sub-menu of the current page orange too (for example, click on About Us page and view the sub-menu). I only want “About Us” menu link to be orange, not the whole sub-menu below it.
2) If I select the sub-page, I want the parent menu item to be orange… and it’s not. For example, if I go to Staff page that’s under “About Us”, I want “About Us” link to be orange. How do I do that?
Thanks in advance for your help!
Hi goforyourdreams!
Please change your code to following one
#top .av-main-nav > li.current-menu-item > a {
color: #F05328;
}
and add following one as well
.current-page-ancestor > a > .avia-menu-text {
color: #F05328;
}
Best regards,
Yigit
Awesome, worked perfectly! Thank you!