Il menu di navigazione non è centrato verticalmente su dispositivo mobile

Il padding-top o #main-outlet è 20px[1]:

Il margine inferiore della barra di navigazione è 12px[2]:

Il risultato è che la barra di navigazione non è centrata verticalmente tra l’header e il contenuto principale:

image


Il mio suggerimento è di modificare alcuni attributi/valori in modo che la barra di navigazione sia centrata verticalmente:


  1. 1.25em ↩︎

  2. var(--nav-space): 0.75em ↩︎