Un menú móvil es un tipo especial de menú diseñado específicamente para pantallas pequeñas, como las de los teléfonos inteligentes y las tabletas. Es el icono de una hamburguesa en el que los lectores pueden hacer clic y utilizar para navegar por las distintas secciones de su sitio web.
Es importante garantizar que su sitio web ofrezca una experiencia de usuario coherente en cualquier dispositivo.
Astra Header Builder proporciona una opción dedicada para diseñar un menú móvil.
Aquí tienes una guía completa para crear un menú móvil con el tema Astra, que permitirá a los visitantes de tu sitio web navegar por él sin esfuerzo desde sus smartphones.
Crear un menú móvil
Para crear un menú móvil en Astra, puedes seguir estos pasos:
Acceda a su panel de WordPress y vaya a Apariencia > Personalice.
En el Personalizador, busque la sección denominada Creador de cabeceras.
Cambiar a vista móvil en el personalizador: Usted observará una caja dedicada separada para una vista móvil en el constructor de cabecera visual.
La sección fuera del lienzo le permite configurar los elementos del encabezado dentro del botón de alternar. Por lo general, aquí tendrías tu logotipo y el botón de alternar en tu cabecera Primaria, pero no hay límites en cuanto a dónde puedes colocar elementos en tu cabecera móvil.
Haga clic en el icono + para añadir un menú móvil.
Seleccione la opción Off-Canvas Menu para añadir un menú móvil.
Una nueva opción denominada Menú Fuera de Lienzo será visible en el menú lateral. Accede a esta opción para personalizar la configuración de tu menú móvil.
Encontrará algunas opciones en General incluyendo la opción de activar Divisor de artículos. Esto añade una línea entre cada elemento del menú, separándolos para que se vean mejor.
Encontrará todas las opciones de color y aspecto en la sección Diseño ficha.
Una vez satisfecho, pulse el botón Publique para que los cambios se apliquen en su sitio web.
Después de publicarlo, pruebe el menú móvil en diferentes dispositivos para asegurarse de que se muestra correctamente y funciona adecuadamente en dispositivos móviles.
Siguiendo estos pasos, puede crear fácilmente un menú móvil en Astra y optimizar su sitio web para usuarios móviles.
