Hi guys. I have a problem with menu on my website http://store.kapsula.com.ua
I am using same menu items (brands list) twice: as catalog subitmes and as separate main level menu item. https://nimbus.everhelper.me/client/notes/share/247761/EVyNI1qTvgvwzWLE3h6QPJ7TWgwRQcww/ https://nimbus.everhelper.me/client/notes/share/247762/gNBN4oKDBhqNu69WtAFG49Zzqrg91c9N/ When I select a brand form one of the two options it underlines both catalog and brand list. https://nimbus.everhelper.me/client/notes/share/247763/akIokCo4St2MKI56sfzxH834JZqvnQaU/
How can I fix it with custom Css.
P.S. I am using UberMenu plugin. It allows to add extra classes/ids for menu items.
Thnx.
Hi, Looks like ubermenu is
Hi,
Looks like ubermenu is adding following classes to both active menus:
'ubermenu-current_page_ancestor ubermenu-current-menu-ancestor'.
So there is no way to sort it via CSS, but you can use some jQuery magic and remove active classes from Catalog menu when brands menu is active
(function() { if (jQuery('#menu-item-2096').hasClass('ubermenu-current-menu-ancestor')) { jQuery('#menu-item-1494').removeClass('ubermenu-current_page_ancestor ubermenu-current-menu-ancestor'); } })();