Configurar la navegación móvil

POM Theme le da a la navegación móvil sus propios menús y presentación. No reproduce automáticamente cada ubicación de menú del escritorio, así que configúrala y pruébala como un recorrido de visitante independiente.

Configurar el panel móvil

Abre Settings → POM Theme → Site layout → Mobile navigation → Mobile navigation settings.

1. Elige Mobile navigation side: Left o Right.
2. Elige Mobile navigation size: Default o Large.
3. Configura Mobile navigation align en Left, Center o Right.
4. Activa Enable overlay? cuando el panel abierto deba colocar una superposición sobre la página.
5. Introduce Mobile menu 1 title y Mobile menu 2 title solo cuando el menú correspondiente necesite un encabezado visible.
6. Opcionalmente, selecciona una Background image.
7. Configura el fondo de la navegación, el texto normal y los colores del texto actual o al pasar el cursor.
8. Añade Mobile navigation footer copyright text cuando el panel necesite texto de pie de página.
9. Guarda los ajustes.

Asignar los menús móviles

Ve a Appearance → Menus → Manage Locations y asigna:

• Mobile para el primer menú móvil.
• Mobile 2 para el segundo menú opcional.

Los dos campos de título etiquetan estas áreas de menú; no crean ni asignan los propios menús de WordPress.

Revisar la interacción

En un área de visualización estrecha:

1. Abre el menú con el disparador del encabezado.
2. Confirma que el panel entra desde el lado seleccionado.
3. Verifica ambos menús, sus títulos y el texto de pie de página.
4. Abre y cierra los subniveles del menú.
5. Sigue un enlace y confirma que el panel no obstruye el destino.
6. Comprueba la superposición y el comportamiento de desplazamiento de la página.

Repite con navegación por teclado. El disparador debe ser alcanzable, el panel abierto debe seguir siendo operativo y los enlaces actuales o al pasar el cursor deben conservar un contraste suficiente.

Diagnosticar un panel vacío o incorrecto

• Si no aparecen enlaces, comprueba las asignaciones Mobile y Mobile 2 en lugar de la ubicación Primary del escritorio.
• Si solo aparece el segundo título, confirma que Mobile 2 tiene un menú asignado.
• Si el panel es difícil de leer, compara los tres controles de color con la imagen de fondo y la superposición.
• Si el logotipo es incorrecto, configura el logotipo móvil en los ajustes de marca del sistema de diseño; es independiente de estos controles del panel de navegación.

Termina con la lista de comprobación de diseño responsive.