Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 25, 2023 at 7:52 pm #1402502
    Tobi

    Is it possible to display the active state (selected menu item) differently in the burger menu? if yes how? Thank you in advance.

    March 26, 2023 at 12:28 pm #1402541
    Mike

    Hey Tobias,
    You could add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #av-burger-menu-ul .current-menu-item {
	background-color: #eee;
}

    It will add a gray background color to the current menu item
    Enfold_Support_735.jpeg

    Best regards,
    Mike

    March 31, 2023 at 2:02 pm #1403118
    Tobi

    Hi Mike, great that works. Now, however, if there are sub-items, these are also marked. How can I manage that only the current point is marked, even if there are sub-points? Greetings Tobi

    March 31, 2023 at 7:47 pm #1403150
    Nikko

    Hi Tobi,

    Can you try to replace Mike’s code with this one:

    #av-burger-menu-ul .current-menu-item > a {
	background-color: #eee;
}

    Hope it helps.

    Best regards,
    Nikko

    April 1, 2023 at 12:29 pm #1403194
    Tobi

    Hello Nikko, thanks for the message… the submenu items are now marked with this code…great. Unfortunately, the main menu items are no longer marked when selected. I’m looking for a solution that marks the currently selected menu item, whether it’s the main menu or submenu … I’m happy about suggestions.

    April 1, 2023 at 2:12 pm #1403208
    Mike

    Hi,
    Try this css instead:

    #av-burger-menu-ul .current_page_item {
	background-color: #eee;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 1, 2023 at 4:10 pm #1403216
    Tobi

    Thank you, unfortunately it still doesn’t work the way I want it to. Please look at my 3 graphics:

    graphic 02: a main menu item selected (it works)
    graphic 02

    graphic 03: a main menu item selected which also has sub-menu items – unfortunately it does not work
    graphic 03

    graphic 01 a sub-item selected it works.
    graphic 01

    What can I do?

    April 1, 2023 at 5:06 pm #1403220
    Mike

    Hi,
    Thanks for the screenshots, try this css instead:

    #top #wrap_all #av-burger-menu-ul .current_page_item > a {
	background-color: #eee;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    If this doesn’t help please include the url to your site so we can take a closer look.

    Best regards,
    Mike

    April 1, 2023 at 5:26 pm #1403222
    Tobi

    Perfect! Thanks very much

    April 1, 2023 at 6:13 pm #1403226
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘active state / selected menu item’ is closed to new replies.