Megamenu current-menu-item hover colour being overriden

chrismcb6 · January 29

Hello,

I'm having some issue with the priority of CSS generated from a menu, where the hover colour is overridden by the .current-menu-item class.

e.g. The turquoise background added with hover should have link text in white, but it remains as turquoise

You can view at https://shorturl.at/L0EhR by hovering over the Technology megamenu, then hover over "Pro Driver Terminals".

Site access has already been granted under another thread, should you wish to check specifically.

Phil · January 31

Hi,

We tried to correct that on your website but could not achieve it with either the File Manager Plugin or the Theme file editor.

Without FTP, we will not be able to fix this. It will be fixed in the upcoming update, but for now, you can style and overwrite this color with custom CSS.

Best regards

chrismcb6 · January 31

Thanks - can you advise on the fix to allow me to apply directly?

Phil · February 1

Try the following CSS code:

.mfn-megamenu-menu .current-menu-item > a:hover{
 color: #fff!important;
}

Best regards

chrismcb6 · February 1

Thanks, I meant the full fix in code, rather than an override.

Phil · February 1

We have not prepared it yet.

Please use the CSS code, and the fix will be available in the upcoming update.

Best regards

chrismcb6 · February 1

OK, thanks - will do

Megamenu current-menu-item hover colour being overriden

Comments