Remove Background Color on Menu Item Hover and Focus

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. 

This is a solution to remove the background for menu items when hovering or clicking on them, as shown in the GIF above.

One Easy Step

Add the following code to the CSS tab of your layout or page. This will set the background for menu items to “transparent” when hovering and clicking on them.

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
}

Original Community Post:

Remove background color on Menu item hover and focus - Community Discussions / Tips and Tricks - Tadabase Community