Pergunta do WordPress Shoreditch: Reduzir a altura do cabeçalho e do rodapé

Um usuário perguntou ?

Olá a todos,

Existe uma maneira de reduzir a altura do cabeçalho e do rodapé? Eu estava brincando com style.css, mas não o fiz. Eu precisaria de alturas o mínimo possível. Alguém pode ajudar?

Obrigado por suas sugestões.

(@lizkarkoski)

2 anos, 2 meses atrás

Olá –

Isso geralmente pode ser feito com alterações de CSS. Você se importaria de compartilhar o URL do seu site comigo aqui para que eu possa dar uma olhada mais de perto?

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

Oi A cena ainda não está lá, eu tenho um servidor WAMP local. O que faremos? Posso enviar a página inicial por e-mail?

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

@lizkarkoski Você poderia nos dar sua opinião?

(@lizkarkoski)

2 anos, 2 meses atrás

Seria útil compartilhar um exemplo do que a SEC pode fazer sobre essa questão? É difícil saber com certeza se ele também funcionará em seu site e não olhá-lo diretamente.

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

Sim, agradeço sua recomendação CSS e entendo que você precisa ver o site. Eu quero dar a você a URL, mas não posso, porque estou na primeira etapa de deixar o site offline, ainda não há URL. Por isso, sugeri enviar-lhe a página inicial (html, screenshot,…).

(@fstat)

2 anos, 2 meses atrás

Olá,

O seguinte código CSS deve funcionar:

@media screen and (min-width: 896px) {

/* Decrease Header Height */
.sticky-header .site-content {
    padding-top: 55px !important;
}
.site-branding,
.main-navigation {
    margin-top: 0.5em;
}

.site-header {
    padding-bottom: 0.5em;
}

/* Decrease Footer Height */
.site-footer {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

}

Ajuste os valores ao seu gosto e me avise se precisar de mais ajuda com isso.

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

Felizmente, o cabeçalho e o rodapé agora estão na altura correta, exatamente o que eu queria. No entanto, vou precisar de mais ajuda. 1. Cabeçalho: Ao rolar para cima (o texto sobe) ou clicar no menu de navegação, o cabeçalho se expande para baixo (aproximadamente 5 mm). Existe algum truque para evitar que o cabeçalho se expanda, para manter a altura constante? 2. Rodapé: A altura do rodapé pode ser feita mesmo com a página vazia?

(@fstat)

2 anos, 2 meses atrás

1. Cabeçalho: Ao rolar para cima (o texto sobe) ou clicar no menu de navegação, o cabeçalho se expande para baixo (aproximadamente 5 mm). Existe algum truque para evitar que o cabeçalho se expanda, para manter a altura constante?

Esse comportamento está entrelaçado com o tema e não pode ser ajustado com CSS.

2. Rodapé: A altura do rodapé pode ser feita mesmo com a página vazia?

Para fazer isso, você precisará ajustar a largura da área de conteúdo principal do seu site. Isso afetará as páginas com conteúdo e as forçará ou cortará.

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

Obrigado por todo o apoio.

(@fstat)

2 anos, 2 meses atrás

De nada

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

@fstat Estou de volta ao conteúdo do cabeçalho, espero que não se importe 🙂 Quando você clica no menu, o cabeçalho continua expandindo a maior parte do tempo, mas às vezes não. Isso pode ser feito de forma consistente, em constante expansão ou sem expansão?

(@fstat)

2 anos, 2 meses atrás

Fiz um teste em um dos meus sites de demonstração e não consegui replicá-lo. Acabei de usar o código CSS que forneci. Você pode me enviar uma foto ou mesmo uma captura de tela (vídeo curto) do que você está descrevendo para que eu possa avaliar melhor?

Para capturas de tela, você pode usar e para transmissões na tela

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

O vídeo:

Testei o site apenas com seu CSS e além de adicionar todo meu CSS personalizado que estou usando ao tema, não houve diferença no comportamento do cabeçalho.

(@lizkarkoski)

2 anos, 2 meses atrás

Esquisito. Então você tem algo diferente do nosso e provavelmente é perturbador. Precisamos tentar descobrir o que está causando o problema.

– Você tem alguma extensão de navegador habilitada? – tipo e versão do navegador? você já tentou um diferente? – limpe o cache do site e do navegador (isso pode manter os códigos desatualizados)

lançador de tópicos

(@arbois)

2 anos, 2 meses atrás

Sim, tentei diferentes navegadores, todos sem extensões, o cabeçalho continuou expandindo erroneamente em todos eles. Nenhuma alteração após a limpeza do cache nos navegadores. Depois de limpar o cache do site, o cabeçalho parou de se expandir no Firefox, embora por um tempo, depois o fez novamente.

Vídeo (todos os navegadores):

Versões testadas do navegador, Win10: Chrome 70.0.3538.110 Firefox Quantum 63.0.3 Edge 42.17134.1.0, HTML 17.17134 Opera 57.0.3098.76

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *