Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 22, 2016 at 3:14 pm #715336
    jaroljmek

    Hi there
    Please can you give me the CSS to target the colour of the Active Menu Item in the Submenu? I am using the following for the Main Menu and the Mobile Menu but I don’t have the CSS for the Submenu:

    #avia-menu .current-menu-item > a {
    color: #66b255;
    }
    #mobile-advanced li.current-menu-item > a {
    color: #66b255;
    }

    Thanks

    CJ

    November 22, 2016 at 8:30 pm #715552
    Nikko

    Hey jaroljmek!

    Same code works, the color just gets overriden by other css, try to change your code to this:

    #avia-menu .current-menu-item > a {
    color: #66b255 !important;
}

#mobile-advanced li.current-menu-item > a {
color: #66b255 !important;
}

    Hope this helps :)

    Cheers!
    Nikko

    November 22, 2016 at 9:24 pm #715583
    jaroljmek

    Hi there Nikko

    That worked for the submenu item. But now how can I also ensure that the parent menu item also displays the active colour?

    Many thanks!

    CJ

    November 22, 2016 at 9:40 pm #715600
    Nikko

    Hey!

    You can use this code for parent page:

    #avia-menu .current-page-parent > a,
#mobile-advanced li.current-page-parent > a {
    color: #66b255 !important;
}

    Let us know if it works ;)

    Regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.