Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 13, 2023 at 3:25 pm #1413235
    CJGVD

    Dear Kriesi-Team,

    I would like to highlight the active menu item of the mobile menu. I have used the following CSS for that, but now the main page as well as all subpages are highlighted, regardless of whether you are on the main page oder on a subpage.

    #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item a {
    color: #ab343a;
    }

    What could I do to only highlight the active menu item, i.e. either main page or subpage, that I am on?

    Thanks for your help!

    Best regards,
    Cornelie

    July 14, 2023 at 8:05 am #1413274
    Ismael

    Hey CJGVD,

    Thank you for the inquiry.

    We adjusted the css code a bit. Please try it again and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification.

    #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .current-menu-item > a {
    color: #ab343a;
}

    Best regards,
    Ismael

    July 14, 2023 at 10:39 am #1413299
    CJGVD

    Dear Ismael,
    thank you for your quick reply with the modified code. It works!
    Being on a subpage the mobile menu now highlights this subpage together with its main page (without the other subpages being highlighted), which is very nice.
    You can close this thread now.
    Thanks and have a nice day,
    Cornelie

    July 15, 2023 at 2:10 am #1413336
    Nikko

    Hi Cornelie,

    I’m glad that Ismael could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Highlighting one active menu item in mobile menu – not parent and all children’ is closed to new replies.