How to change background color on hover for a submenu element

Hey DROR,
Sorry for the late reply, I took a look at your site and many pages, but I couldn’t find your sub-menu.
Please link directly to it. Do you want the one menu item in red to change color on hover or all of them?

Best regards,
Mike

Hi,
Thanks, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#sub_menu1 li a:hover {
background-color: #000 !important;
}

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #wrap_all .av-main-nav ul > li > a:hover {
background-color: #000 !important;
}

Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Oh I see, thanks, please try replacing with this css:

#sub_menu1 li a:hover,#sub_menu2 li a:hover {
background-color: #000 !important;
}

I tried clicking on every page but I didn’t see another page with the sub-menu, but they should be named the same even on different pages. But please let me know if I missed a page with a sub-menu that is not working.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike