Ir para conteúdo
Fórum Script Brasil
  • 0

DUVIDA CSS


lucasmmb

Pergunta

Ola estou editando uma template pronta e atualmente não estou conseguindo diminuir a altura do box inteiro do menu.

Saberiam me informar onde devo alterar segue exemplo.

SEGUE IMAGEM DE COMO ESTÁ O MEU MENU E QUERO ALTERAR A ALTURA DO BOX INTEIRO DELE, ONDE DEVO ALTERAR NO MEU CSS.

 

GRATO PELA AJUDA

 

 

-----------------------------------------------------------  HTML -------------------------------------------------------------------------------------------------------

header section -->
    <header class="top-header">
        <div class="container">
            <div class="row">
                <div class="col-xs-5 header-logo">
                    <br>
                    <a href="index.html"><img src="img/logo.png" alt="" class="img-responsive logo"></a>
                </div>

                <div class="col-md-7">
                    <nav class="navbar navbar-default">
                      <div class="container-fluid nav-bar">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                          </button>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                          
                          <ul class="nav navbar-nav navbar-right">
                            <li><a class="menu active" href="#home" >Home</a></li>
                            <li><a class="menu" href="#about">Sobre</a></li>
                            <li><a class="menu" href="#service">Orçamentos</a></li>
                            <li><a class="menu" href="#team">Serviços</a></li>
                            <li><a class="menu" href="#contact">Contato</a></li>
                          </ul>
                        </div><!-- /navbar-collapse -->
                      </div><!-- / .container-fluid -->
                    </nav>
                </div>
            </div>
        </div>

 

-----------------------------------------------------------------------------  CSS  ----------------------------------------------------------------------------------------------------------------

 

/*header area*/
.top-header{
    background: #fff !important;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.header-backup{
    width: 20px;
    height: 119px;
    background: transparent;
    margin:auto;
}
.top-header img.logo{
    margin-bottom: 15px;
    margin-top: 0;
    transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  margin-top: 8px;
  transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.nav-bar{
    margin-top: 27px;
}
.navbar-toggle span{
    color: #fff;
}
ul.nav{
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav>li>a {
     font-size: 24px;
    color: #000;
    text-transform: uppercase;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
    padding: 14px 15px;
    font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #999;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
li a.active{
    color: #FF8C00 !important;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
  margin-top: 4px;
}

IMAGEM.PNG

Editado por lucasmmb
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...