UberMenu plugin - how to not get Hover effects on part of a menu

[philippevandenberghe]

Hello,

I am using UberMenu and want to NOT have a hover effect (red and darker background), on the upper row of the submenu “Opleidingen”. These links (AMBACHTEN, DIGITALE FOTOGRAFIE EN ICT, …).

I am talking about this page : https://www.cvo-crescendo.be/WPPhil/

In the UberMenu settings of those menu-items i can choose to not have the link working , but the hover effect still works, thus people think the link works too.

Where can i disable this hover effect for those items ?

[ruenel]

Hello Philippe,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

#menu-item-180 a:hover,
#menu-item-180:hover a{
    color: #7a7a7a;
}

Hope this helps. Kindly let us know.

[philippevandenberghe]

Now the wrong items (see green on screenshot) dont get a hover effect.

Its the ones in the red rectangle that shouldnt get a hover effect.

[ruenel]

Hello Philippe,

Please update the css code and use this:

#menu-item-180 > a:hover,
#menu-item-180:hover > a{
    color: #7a7a7a;
}

Please let us know if this works out for you.

[philippevandenberghe]

Now it is the top level of my menu (OPLEIDINGEN , INSCHRIJVEN, STUDEREN, CONTACT, CRESCENDO CVO) that doesnt give a hover effect !

I want the items one level below the OPLEIDINGEN menu item (= AMBACHTEN, DIGITALE FOTOGRAFIE, ECOLOGIE EN GROEN … ) to not have the hover effect.

There is an option in the UberMenu settings where i can make the submenu items not have a hover effect , but that option also works on all the other top level menu item submenu’s (for example the submenu under INSCHRIJVEN then also gets no hover effect, which i dont want).

[lely]

Hi Philippe,

Please try this CSS:

span.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
    color: green !important;
}

That’s the most specific selector for the titles.