On the website im building, im trying to create the effect that when you hover over a nav-item, the background changes from white to green (in the attached image, i was hovered over "About" when doing the screen capture).
Anyway, im trying to make this background color change the full height of the navbar, but i just can't get it to work;
I know the extra padding (top & bottom) which isn't changing color is from the navbar class;
I've been trying css like this, but its not making any difference;
Note: .navbar-custom class just changes the navbar background color to white & adds the border to the bottom.
.navbar .navbar-custom .nav-item:hover .nav-link{
color: #ffffff;
background-color: green !important;
}
Any suggestions ?