Hi guys,
I want to disable the submenu indicator but not the main menu indicator of a dropdown menu.
How can I achieve this with CSS in the quick CSS section?
Best regards
Michael
Hey elskeletto1,
Could you please attach a mockup of what you’re trying to achieve?
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hey elskeletto1,
Could you please attach a mockup of what you’re trying to achieve?
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hi Victoria,
Look at the dropdown menu on the website
https://www.geschenkefund.de/geschenke-unter-10-euro/
Hover over the main menu entry “nach Preis”. There is a red indicator under the active submenu entry “unter 10 Euro”. I don’t want to have this submenu indicator under the active entry. I only want to have the red indicator under “nach Preis”.
How do I remove a second level indicator?
It would also be helpful to know how to remove a third level indicator in the dropdown menu because I consider making a third level in the menu.
Hi,
Thanks for the update.
Use this css code to remove the border of the current menu item inside the sub menu.
#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
border-bottom: 0;
}
Best regards,
Ismael
Thank you Ismael. It worked with adding !important.
#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
border-bottom: 0!important;
}
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon