¿Cómo aumentar correctamente la altura del encabezado?

Soporte
1

Hola,
Me gustaría aumentar la altura del encabezado:
image
Para mostrar un logotipo más grande (el encabezado mantendría la altura predeterminada en dispositivos móviles).

He realizado algunos intentos, pero no lo logré, ya que aumentar la altura (y el margen superior del contenido que lo sigue, para que el encabezado no lo solape con su altura aumentada) provocaba que la función de pegado fallara. Esto impedía el desplazamiento o hacía que el contenido “saltara”.

¿Existe alguna forma adecuada de aumentar la altura del encabezado sin romper nada?

2

¿Has probado ajustar

#main-outlet {
    padding-top: 5.8572em;
}

Por ejemplo

.d-header {
    height: 8em;
}
#main-outlet {
    padding-top: 9.8572em;
}

844×427 13.8 KB

836×377 16 KB

3

Sí, lo hice. Debo añadir que quiero que el encabezado tenga aproximadamente el doble de la altura original y que mantenga la altura predeterminada cuando sea fijo (lo cual puede ser el problema principal).

4

Bueno, logré hacerlo.
No estoy seguro de por qué encontré tantos problemas de bloqueo… Todavía hay un poco de salto, pero son solo unos pocos píxeles, así que no se nota si no estás intentando verlo haciendo scroll extremadamente lento.
También tengo contenido personalizado encima del encabezado, así que podría haber jugado un papel en el problema que encontré.