Hi, I’d like to increase the header height: [image] In order to display a bigger logo (the header would keep the default height on mobile). I did some tries, but I didn’t achieve it since increasing the height (and the beneath content top margin so the header doesn’t override it with its increas…

Well I did manage to do it. I’m not sure why I encountered such blocking issues… There is still a bit of jumping but it’s just a few pixels so don’t see it if you’re not trying to see it by scrolling extrêmely slowly. I also have custom content on top of the header so it may have played a role in …

Did you try adjusting #main-outlet { padding-top: 5.8572em; } For example .d-header { height: 8em; } #main-outlet { padding-top: 9.8572em; } [imagem] [imagem]

Yes I did. I should add that I want the header about twice as tall as the original height and keeping the default height when it is sticky (which may be the main issue).

Como aumentar corretamente a altura do cabeçalho?

Suporte

Canapin (Coin-coin le Canapin) Fevereiro 12, 2020, 9:32am 3

Sim, eu fiz. Devo acrescentar que quero o cabeçalho com cerca de duas vezes a altura original e manter a altura padrão quando ele estiver fixo (o que pode ser o principal problema).

Tópico		Respostas	Visualizações
Mobile header is taller than the content Bug	1	1077	19 de Janeiro de 2015
How do I increase the navbar height to accommodate a taller logo? Support	2	1142	25 de Outubro de 2015
Page extends endlessly without sticky header Support	4	612	12 de Julho de 2022
Increase header size when using Graceful theme Development graceful-theme	8	197	12 de Março de 2019
Stick header in proper scroll position when having a custom fixed topbar on top of it Support	6	3426	14 de Março de 2019

Como aumentar corretamente a altura do cabeçalho?

Tópicos relacionados