burger menu hover colors doesn't work

krlmng

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

krlmng

Thanks, i would appreciate your help!

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

Phil

Please, try the following CSS Code:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

krlmng

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

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next