El menú de navegación no está centrado verticalmente en el móvil

UX
1

El padding-top o #main-outlet es de 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

El margen inferior de la barra de navegación es de 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

El resultado es que la barra de navegación no está centrada verticalmente entre la cabecera y el contenido principal:

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

Mi sugerencia es ajustar algunos atributos/valores para que la barra de navegación esté centrada 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 ↩︎