La pagina si estende all'infinito senza intestazione fissa

Dopo l’ultimo aggiornamento, sto riscontrando un glitch strano e non sono sicuro di come risolverlo ulteriormente. Il link al forum è https://community.make.com. Ora la landing page ha un’intestazione fissa e tutto funziona bene. Ma quello che avevo e che in realtà voglio è un’intestazione non fissa sulla landing page. Ma ora, quando disabilito la dichiarazione sticky:

allora la pagina continua ad estendersi e non raggiungo mai il suo footer:

Posso riprodurlo su un’altra pagina in cui utilizzo un layout simile, ma non su altre istanze. Quindi deve essere qualcosa che sto dichiarando nel tema, ma non ho idea di cosa possa essere. Qualcuno ha un’idea?

Aggiornato l’op e rimossa la mia precedente soluzione.

2 Mi Piace

Ciao,

Sembra che questo causi il --header-offset. Se l’intestazione non è fissa, mentre scorri cambierà. Penso che tu debba correggere il --header-offset per farlo funzionare su queste pagine.

Qualcosa del genere forse :thinking:

html.desktop-view {
  --header-offset: 81px !important;
}
1 Mi Piace

Grazie per averci dato un’occhiata @Don! Pensavo anch’io che fosse correlato alla dichiarazione dinamica dell’offset dell’intestazione. D’altra parte, puoi cambiare l’intestazione in non-sticky qui su meta o altre istanze e non è un problema. Ad esempio, su questa istanza uso componenti simili, ma la pagina non si estende con un’intestazione non-sticky: https://community.couchers.org/

Quindi mi chiedo ancora perché con questo altro tema. Anche se mi chiedo anche per cosa venga effettivamente calcolato e utilizzato il valore dell’offset dell’intestazione?

1 Mi Piace

Capisco… :thinking: Il mio prossimo suggerimento :slightly_smiling_face:

Ora l’ho controllato anche con l’altro sito. Penso che le nuove modifiche alla barra laterale possano causare questo.
https://community.couchers.org/ questa è una versione precedente che non contiene i codici della barra laterale.

.sidebar-wrapper ha un’altezza: calc(100vh - var(--header-offset)) Penso che questo spinga il contenuto durante lo scorrimento se l’intestazione non è fissa.

Puoi impostare height: 0; o display: none

#main-outlet-wrapper .sidebar-wrapper {
  display: none;
}