CSS hover not working

1

I have this nav-brand:

      <a class="navbar-brand" href="index.html">Bit<span>Pay</span></a>
        </div>

CSS:

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

But when i hover it, i have this strange result

How can I make background color right?

2

Hi, @nanquim can you please post a codepen link, that would be helpful.

3

its a big code, thats the relevant part…

4

To change the background color, you’ve to use background-color property not color. Play around with giving some padding.