Remove hover effect on top level menu items

Hi there,

I can’t find the right CSS code to remove the hover effect on the top-level menu items, any chance you could help me with that ?

I tried adding the following into custom CSS but nothing happened :

.menu-item:hover {opacity: 100% !important;}

Trying to identify specific menu items hasn’t worked either as well as other rules such as color:#…

Thanks for your support.

Hello there,

Please use this one:

#mainnav > li > a:hover{
  color: #fff;

Let me know if you need anything else on a new topic.


Hi Kharis,

The code works perfectly, thanks very much. Very helpful support as always :slight_smile:


Hello Tom,

My pleasure!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

If you don’t mind, could you please rate our Sydney theme here: like some of our users did? We would highly appreciate it if you do so.