Redimensionar links do menu de navegação

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Redimensionar links do menu de navegação

Mensagem por SitioMarado 29.09.19 10:57

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;
 }
SitioMarado

SitioMarado
**

Membro desde : 25/09/2019
Mensagens : 57
Pontos : 97

http://sitiomarado.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Redimensionar links do menu de navegação

Mensagem por RafaelS. 29.09.19 13:38

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. Feliz
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar links do menu de navegação

Mensagem por SitioMarado 30.09.19 7:16

Funcionou vlw
SitioMarado

SitioMarado
**

Membro desde : 25/09/2019
Mensagens : 57
Pontos : 97

http://sitiomarado.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar links do menu de navegação

Mensagem por tikky 30.09.19 7:26

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos