Redimensionar links do menu de navegação

Detalhes da questão

Endereço do fórum: http://sitiomarado.forumeiros.com
Versão do fórum: ModernBB

Descrição

tou com um problema no header quando passo o mouse ele fica fora do sitio https://prnt.sc/pcep0m

css

Código:

.navbar {
 background: #7cba2c;
 height: 50px;
 }

 ul.navbar.navlinks li {
 top: -15px;
 position: relative;
 }

 .is-sticky#headerbar-top { display: none; }

 .navbar a {
 height: 50px;
 color: #fff;
 padding: 7px;
 text-transform: uppercase;
 transition: .5s cubic-bezier(0.39,0.58,0.57,1);
 margin-left: 10px;
 }

 .navbar a:hover {
 background-color: #00a8ff;
 box-shadow: 0 1px 6px rgb(124, 186, 44);
 color: #fff;
 }

 .headerbar {
 height: 200px;
 background: #000!important;
 }

Olá @SitioMarado !

Troque o CSS por este:

Código:

  .navbar {
      background: #7cba2c;
      height: 50px;
   }
 
   ul.navbar.navlinks li {
      top: -15px;
      position: relative;
   }
 
   .is-sticky#headerbar-top { display: none; }
 
   .navbar a {
      color: #fff;
      padding: 7px;
      text-transform: uppercase;
      transition: .5s cubic-bezier(0.39,0.58,0.57,1);
      margin-left: 10px;
   }
 
   .navbar a:hover {
      background-color: #00a8ff;
      box-shadow: 0 1px 6px rgb(124, 186, 44);
      color: #fff;
   }
 
   .headerbar {
      height: 200px;
      background: #000!important;
   }

Até mais.

Funcionou vlw