Alinhar cabeçalho ao logo

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

Resolvido Alinhar cabeçalho ao logo

Mensagem por Projeto em 29/08/17, 12:10 pm

Detalhes da questão


Endereço do fórum: http://www.comoparar.com/
Versão do fórum: ModernBB

Descrição


Prezados, gostaria de saber como faço para alinhar os itens do cabeçalho na altura do logo, ou seja, mais à esquerda.

Vejam como está:




Como eu gostaria que ficasse:





Última edição por Projeto em 29/08/17, 01:14 pm, editado 1 vez(es)
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 18/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por AlexG em 29/08/17, 12:43 pm

Olá.

Adicione à sua Folha de Estilos CSS:
Código:
.navbar {
    background-color: #368AD2;
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding-left: 4%;
}

Espero ter ajudado.

Até! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 237
Pontos Ativos : 401

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Projeto em 29/08/17, 12:50 pm


Olá Jefferson, dessa vez não deu certo. Acredito que por talvez no meu CSS já ter algumas instruções sobre a navbar que podem ser contraditórias. Veja abaixo o meu CSS completo (sem a sua inclusão):
Código:

.navbar {
  background-color: #368AD2;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
}
.navbar a:hover {
  background-color: #FFFFFF;
  color: #444444;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
.is-sticky#headerbar-top {
  position: initial;
}
.headerbar {
height: 200px;
}
#headerbar-top.is-sticky {
    background-color: transparent !important;
    box-shadow: initial;
}
#logo-desc p{display: none !important;}
a.mainmenu {
  font-weight: normal;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }

#search-box{display:none}

#site-title, #site-title h1 {
display: none !important;}
 
#site-desc p {
    display: none !important;
}

 
#fa_ticker_block {
    display: none!important;
}
.panel {
    background-color: #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
    display: none!important;
}
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 18/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por AlexG em 29/08/17, 01:04 pm

Olá! É verdade.

Troque o seu CSS por este:
Código:
 .navbar {
  background-color: #368AD2;
  text-align: left!important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  padding-left: 4%!important;
}
.navbar a:hover {
  background-color: #FFFFFF;
  color: #444444;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
.is-sticky#headerbar-top {
  position: initial;
}
.headerbar {
height: 200px;
}
#headerbar-top.is-sticky {
    background-color: transparent !important;
    box-shadow: initial;
}
#logo-desc p{display: none !important;}
a.mainmenu {
  font-weight: normal;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }
 
#search-box{display:none}
 
#site-title, #site-title h1 {
display: none !important;}
 
#site-desc p {
    display: none !important;
}
 
 
#fa_ticker_block {
    display: none!important;
}
.panel {
    background-color: #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
    display: none!important;
}

Até mais! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 237
Pontos Ativos : 401

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Projeto em 29/08/17, 01:07 pm

Agora foi!

Obrigado!!
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 18/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Kyo Panda em 30/08/17, 11:07 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

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

- Tópicos similares

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