1 reply [Last post]
kuznetsova.vv
kuznetsova.vv's picture
Offline
newbie
Ukraine
Last seen: 3 years 21 weeks ago
Ukraine
Timezone: GMT+3
Joined: 2015-07-13
Posts: 1
Points: 2

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.

jberzins802
jberzins802's picture
Offline
newbie
Last seen: 3 years 19 weeks ago
Timezone: GMT+3
Joined: 2015-07-29
Posts: 1
Points: 2

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');
}
})();