Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #337074

    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!

    #337402

    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

    #337431

    Awesome, worked perfectly! Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Changing Color Of Current Menu Item?’ is closed to new replies.