¿Mantener el encabezado de la marca estático en lugar de desplazarlo?

Desarrollador
,
1

Confirmando;

Después de instalar esto, parece que el encabezado se desplaza fuera de la página. ¿Hay alguna manera de fijar el encabezado en su lugar por encima del encabezado existente de Discourse?

2

No puedo reproducirlo. ¿Puedes darme una captura de pantalla?

3

Oh, lo siento por la confusión: ¿estoy preguntando sobre el comportamiento previsto?

Localmente veo que el encabezado de la marca se desliza fuera de la página a medida que hago scroll por un hilo largo.

4

Intenta cambiar el estilo CSS de .b-header como se muestra a continuación

.b-header {
  position: fixed;
}

Es posible que necesites más ediciones en CSS para lograr tu objetivo.

2 Me gusta
5

Gracias, Vinoth.

Encontré algunas cosas que ayudan con esto;

.b-header {
  position: fixed;
  z-index: 1001;
  height: $header-height;
}

.docked .d-header {
  margin-top: $header-height;
}

#main-outlet {
  padding-top: $discourse-content-padding + $header-height;
}

Esto hace que el encabezado personalizado sea estático al hacer scroll y se sitúe por encima del encabezado de Discourse en todo momento.

La única desventaja de este enfoque que puedo ver es que el título del hilo aparece en el encabezado de Discourse un poco más tarde de lo normal, debido a la altura estática adicional del componente del encabezado.

No estoy seguro de cómo cambiar esta lógica; probablemente esté en las entrañas de Discourse en algún lugar.

4 Me gusta