How to change color of hover-background in Burger-Menu?

Hey,

Thanks for contacting us!

Please go to Enfold theme options > Advanced Styling, edit “Menu Links in overlay/slide out” and change “Menu Hover BG” as needed :)

Best regards,
Yigit

Hi Jak,

You can edit “Menu Links in overlay/slide out” and change “Font Hover Color” instead of “Menu Hover BG” to change text color on hover :)

Best regards,
Yigit

Hi Jak,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top .av_header_transparency .main_menu ul:first-child > li > a:focus, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:focus {
  opacity: 1;
}

Best regards,
Yigit

Hi,
I tested Yigit’s code above and it corrects the background fade issue and I added a rule to make the menu text color pink on hover, please try this full solution:

#top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top .av_header_transparency .main_menu ul:first-child > li > a:focus, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:focus {
  opacity: 1;
}
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li a:hover .avia-menu-text {
    color:#ff0197;
}

Please note that when you copy the code do so from the forum not an email as the greater than symbols may paste incorrectly, then clear your browser cache and any cache plugin, and check.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike