Menú móvil no a pantalla completa

Por qué importa

Un menú corto con la página visible debajo resulta incómodo en el teléfono. Al deslizar, se mueve la página en lugar del menú, al pulsar se activa la página y los enlaces de abajo quedan inaccesibles. Los submenús largos que se abren por defecto desplazan los elementos principales.

Cómo lo comprueba Snaglist

Con el menú abierto, Snaglist mide el panel: si va desde debajo del encabezado hasta el final de la pantalla, qué hay en la parte inferior de la pantalla, si la página se mueve al deslizar sobre el menú, si todos los enlaces son accesibles (visibles o desplazables dentro del menú) y si la página es más ancha que la pantalla. El detalle indica lo que midió y la captura muestra el menú abierto.

Causas habituales

• Un desplegable tan largo como sus enlaces, con la página visible debajo
• Un panel con altura máxima y su propio desplazamiento dentro de una página que también se desplaza
• El desplazamiento del body no bloqueado mientras el menú está abierto
• Submenús que se abren por defecto
• Un panel con overflow hidden que corta los últimos enlaces

Cómo solucionarlo

1. Haz que el menú abierto sea un panel fijo desde debajo del encabezado hasta el final de la pantalla.
2. Dale su propio desplazamiento si es más largo que la pantalla.
3. Bloquea la página debajo mientras el menú está abierto.
4. Contrae los submenús largos para que los elementos principales sigan arriba.
5. Vuelve a revisar la página tras el próximo rastreo.