Il menu di navigazione non è centrato verticalmente su dispositivo mobile

UX
1

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

The image is a screenshot of issue tracking and support tickets on a platform called "#main-outlet." (Captioned by AI)
The image is a screenshot of issue tracking and support tickets on a platform called "#main-outlet." (Captioned by AI)387×860 68.6 KB

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

The image shows a hidden menu for an IsCourse navigation bar, displaying CSS properties and access settings. (Captioned by AI)
The image shows a hidden menu for an IsCourse navigation bar, displaying CSS properties and access settings. (Captioned by AI)387×860 68.7 KB

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

image


The image depicts a screen capture of the'Isocourse' Discord server showing a stream of latest messages including support inquiries, plugin issues, and updates about features like a new composer and a topics voting system. (Captioned by AI)
The image depicts a screen capture of the'Isocourse' Discord server showing a stream of latest messages including support inquiries, plugin issues, and updates about features like a new composer and a topics voting system. (Captioned by AI)387×860 77.6 KB

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

The image shows a list of discussions on the Isocourse website forum, including topics on sidebar issues, votes display improvements, email support, server maintenance, a new composer, and an introduction to DisCorkie. (Captioned by AI)
The image shows a list of discussions on the Isocourse website forum, including topics on sidebar issues, votes display improvements, email support, server maintenance, a new composer, and an introduction to DisCorkie. (Captioned by AI)387×860 78.3 KB

  1. 1.25em ↩︎

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