Change Sub Menu Background Color and Text on Hover
As shown in the image, here’s some CSS that you can add to your layout or page to change the background and text color when a user hovers over sub-menu items.
One Easy Step
Go to the CSS tab in your layout or page and add the following code.
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: red !important;
background-color: yellow !important;
}