Change Sub Menu Background Color and Text on Hover

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

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;
}

Original Community Post:

Change sub-menu background color and text on hover - Community Discussions / Tips and Tricks - Tadabase Community