Acertar espaço em branco entre banner

Detalhes da questão

Endereço do fórum: http://gestantesonline.com
Versão do fórum: phpBB3

Descrição

Queria acertar este espaço em branco que fica enter o banner e os botões do menu , segue imagem de exemplo
:



Segue IMAGEM

Olá,
isso pode ser resolvido de duas maneiras.

01. Aumentar o banner do fórum a ponto de completar as partes brancas.

02. Diminuir a área do banner com Código CSS.

Com qual o senhor deseja prosseguir?

Estou no aguardo,
o/

Diminuir com o CSS e manter o banner do mesmo tamanho

Olá novamente,
Aceda a Painel de Controle > Visualização > Cores > Folha de Estilo CSS e adicione no final da sua Folha CSS o seguinte código:

Código:

.headerbar {
height: 175px;
}

Em 175px, altere para a altura do banner desejável. Vá testando aos poucos. Resultou?

o/

Olá novamente,
eu estava sem o que fazer e fui analisar melhor o seu caso acessando o seu fórum. Percebi que o problema não é o tamanho do banner que, aliás, está como logo. O problema é o nome do Fórum que você deixou abaixo do logo. Para retirar:

Aceda ao Painel de Controle > Geral > Configurações > Apague o título do seu fórum.

Resultou?
o/

Olá,

Adicione em sua Folha de Estilos CSS (de preferência ao final dela).

Código:

#page-header,
#page-header * {
  box-sizing: border-box;
}

#page-header {
  margin: 0 -5px 0 -5px;
}

#logo > img {
  margin: -10px 0px -26px -10px;
  max-width: initial !important;
  width: calc(100% + 10px);
}

#wrap > #page-header > .navbar {
  padding-top: 4px;
}

#wrap > #page-header > .navbar [class*="corners"] {
  visibility: hidden;
}

De preferência ao final dela!

o/

Luiz escreveu:Olá,

Adicione em sua Folha de Estilos CSS (de preferência ao final dela).

Código:

#page-header,
#page-header * {
  box-sizing: border-box;
}

#page-header {
  margin: 0 -5px 0 -5px;
}

#logo > img {
  margin: -10px 0px -26px -10px;
  max-width: initial !important;
  width: calc(100% + 10px);
}

#wrap > #page-header > .navbar {
  padding-top: 4px;
}

#wrap > #page-header > .navbar [class*="corners"] {
  visibility: hidden;
}

De preferência ao final dela!

o/

Com o codigo ficou correto de altura mais de largura ultrapassou da uma olhada ai , mantive o codigo

Olá,
a largura do banner está adequada. O senhor se refere á largura da página?

o/

Olá sim , se eu colocar o codigo o banner ultrapassa a largura do lado direito e fica pra fora

Beleza, então, remova os códigos passados anteriormente (se já não tiver removido), e adicione este ao final de sua Folha de Estilos:

Código:

#logo {
  display: block;
  padding: 0;
  margin-bottom: -9px;
}

o/

Quase lá , agora ficou com um espaço pequeno como uma linha em branco na parte superior

Pode apontar com uma captura de tela (print)?

Beleza, troque o código anterior por:

Código:

#logo {
  display: block;
  margin-bottom: -9px;
  padding: 0;
  margin-top: -11px;
}

o/

Valeu , resolveu , obrigado ! Deus o abençoe

Disponha.