Cómo convertir un menú hamburguesa en un menú horizontal en Shopify

¿Qué es un menú de hamburguesa?

Un menú de hamburguesa es el ícono de tres líneas (☰) que se expande para mostrar enlaces de navegación cuando se hace clic.

Se usa comúnmente en dispositivos móviles porque ahorra espacio en pantallas pequeñas. Sin embargo, en computadoras de escritorio, un menú hamburguesa significa que la navegación está contraída en lugar de completamente visible.

¿Qué es un menú horizontal (navegación de escritorio expandida)?

Un menú horizontal (también llamado navegación de escritorio expandida) muestra todos los enlaces de navegación principales en una fila en la parte superior de la página.

Ejemplo:

Inicio | Tienda | Sobre nosotros | Contacto

Este diseño:

• Hace que la navegación sea inmediatamente visible
• Mejora la claridad para los visitantes primerizos
• Reduce la posibilidad de que los clientes pierdan páginas importantes
• A menudo mejora la usabilidad en el escritorio.

Aunque los menús hamburguesa ahorran espacio, pueden ocultar categorías importantes. Si los visitantes no hacen clic en el icono, es posible que nunca vean el menú completo.

Para la mayoría de las tiendas de escritorio, se recomienda un diseño de navegación horizontal.

Cómo cambiar de un menú hamburguesa a un menú horizontal

Siga los pasos a continuación para cambiar la navegación de su escritorio de contraída (hamburguesa) a expandida (horizontal).

Paso 1: Configure la estructura de su menú

• Vaya al administrador de Shopify.
• Navegue a Contenido → Menús.
• Abierto Menú Principal (o el menú asignado a su encabezado).

• Agregue, elimine o reordene elementos del menú según sea necesario.
• Arrastre los elementos ligeramente hacia la derecha para crear una estructura desplegable.
• Haga clic en Guardar.

Paso 2: Cambiar el tipo de menú a horizontal

• Ve a Tienda Online → Temas.
• Haga clic en Personalizar en su tema activo.

• Abra la Encabezado .
• Localice la opción Tipo de menú ajuste.
• Cámbielo a:

Menú Desplegable (recomendado para tiendas sencillas), o

Menú Mega (recomendado para tiendas con muchas categorías).

• Haga clic en Guardar.

Paso 3: Habilitar el encabezado de Shopify en GemPages

Si está utilizando GemPages para crear su página, debe confirmar que el encabezado del tema de Shopify esté habilitado.

Incluso si cambia correctamente el tipo de Menú a Menú Desplegable o Mega menú en la configuración de su tema, la navegación no aparecerá si el encabezado de Shopify está oculto en GemPages.

Para comprobar esto:

• Abra la página en el Editor de GemPages.
• Haga clic en el botón Configuración (engranaje) icono en la barra de herramientas superior.

• Alternar Mostrar encabezado y pie de página del tema de Shopify.

• Guardar y Publicar la página.

Su menú horizontal estático ahora debería aparecer de manera consistente en las páginas de Shopify y GemPages.