Come aumentare correttamente l'altezza dell'intestazione?

Supporto
1

Ciao,
Vorrei aumentare l’altezza dell’intestazione:
image
Per poter visualizzare un logo più grande (l’intestazione manterrà l’altezza predefinita su dispositivi mobili).

Ho fatto alcuni tentativi, ma non sono riuscito a riuscirci, poiché aumentare l’altezza (e di conseguenza il margine superiore del contenuto sottostante, in modo che l’intestazione non lo sovrascriva con la sua altezza aumentata) avrebbe causato malfunzionamenti nella funzionalità di fissaggio. Questo impediva lo scorrimento o faceva “saltare” il contenuto.

Esiste un modo corretto per aumentare l’altezza dell’intestazione senza rompere nulla?

2

Hai provato a modificare

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

Per esempio

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

844×427 13.8 KB

836×377 16 KB

3

Sì, l’ho fatto. Vorrei aggiungere che desidero che l’intestazione sia circa il doppio dell’altezza originale, mantenendo l’altezza predefinita quando è fissa (il che potrebbe essere il problema principale).

4

Beh, sono riuscito a farcela.
Non sono sicuro del motivo per cui ho riscontrato tali problemi di blocco… C’è ancora un po’ di scatto, ma sono solo pochi pixel, quindi non si nota a meno che non si scorra estremamente lentamente.
Ho anche dei contenuti personalizzati sopra l’intestazione, quindi potrebbe aver influito sul problema che ho incontrato.