Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 16, 2016 at 3:18 am #712704
    Julie

    Hello!

    I added this to Quick CSS so that the active item would be shaded on the mobile menu:
    #mobile-advanced li.current-menu-item {
    background-color: #f8f8f8;
    }

    Problem is that is is shading the main menu item and all submenu items under that main menu, instead of just the one page they are on. How to fix that?

    Thanks in advance for any help you can give.

    • This topic was modified 8 years ago by Julie. Reason: Removed original question that I no longer need an answer to
    November 16, 2016 at 10:44 pm #713238
    Julie

    I am going to work around question #1 above, so you can disregard that. :)

    The only remaining question is how to adjust the Quick CSS so that only the active item is highlighted in the mobile menu, even if it is a submenu item.

    Thanks!

    November 16, 2016 at 10:53 pm #713245
    Yigit

    Hi Julie,

    Please change your code to following one

    #mobile-advanced li.current-menu-item > a {
    background-color: #f8f8f8;
}

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

    Best regards,
    Yigit

    November 16, 2016 at 11:05 pm #713256
    Julie

    Works perfectly now.
    Thanks so much Yigit! :)

    November 16, 2016 at 11:17 pm #713260
    Yigit

    Hi!

    You are welcome Julie! :)
    Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu indicator on mobile highlights top level page and subpages’ is closed to new replies.