burger menu hover colors doesn't work

krlmng · March 2021

Hello dear,

i'm trying to customize my hamburger menu colors through Theme options>colors>menu but nothing is working but the "link color". When i use menu no hover effect is show.

Any suggestions?

Phil · March 2021

Hello,

If you would like to add a hover color to a hamburger menu, you will have to create a custom CSS code and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

If you need help with that, please, let me know, but I will need a link to your website.

Thanks

krlmng · March 2021

Thanks, i would appreciate your help!

the website https://mangiafesta.it/wstar/

Phil · March 2021

Please, try the following CSS Code:

#Top_bar .responsive-menu-toggle .icon-menu-fine:hover{
   color: red!important;
}

Thanks

krlmng · March 2021

It's is working just for the burger icon. it doesn't effect the menu's items.

Phil · March 2021

Then please, replace the previous code with the following one:

#Top_bar .responsive-menu-toggle .icon-menu-fine:hover,
#menu .menu-item span:hover{
   color: red!important;
   }

Thanks

burger menu hover colors doesn't work

Comments