Remove Background Color on Menu Item Hover and Focus
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;
}