Redimensionar links do menu de navegação

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

Atendido / Resolvido Redimensionar links do menu de navegação

Mensagem por SitioMarado em 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
Nível 5

Masculino
Inscrito dia : 25/09/2019
Mensagens : 57
Pontos Ativos : 97

http://sitiomarado.forumeiros.com

Atendido / Resolvido Re: Redimensionar links do menu de navegação

Mensagem por RafaelS. em 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


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Redimensionar links do menu de navegação XCPergr
Redimensionar links do menu de navegação 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4966
Pontos Ativos : 5948

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Redimensionar links do menu de navegação

Mensagem por SitioMarado em 30.09.19 7:16

Funcionou vlw
SitioMarado

SitioMarado
Nível 5

Masculino
Inscrito dia : 25/09/2019
Mensagens : 57
Pontos Ativos : 97

http://sitiomarado.forumeiros.com

Atendido / Resolvido Re: Redimensionar links do menu de navegação

Mensagem por Pedxz em 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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3256
Pontos Ativos : 3913

https://power-pixel.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum