Menú hamburguesa
Use este bloque para mostrar el botón hamburguesa que abre su navegación principal en dispositivos móviles. Si desea que los clientes accedan a su menú principal en pantallas más pequeñas, este bloque debe incluirse. Para obtener una visión general más amplia de cómo funcionan los bloques del tema, consulte documentación de Shopify sobre secciones y bloques
Este bloque es solo para móviles y es necesario para que la navegación principal funcione en móviles.
Ajustes de alineación
Sección titulada «Ajustes de alineación»Use estos ajustes para afinar la posición del bloque dentro del espacio que se le ha asignado. Son más útiles cuando el bloque se estira a un ancho mayor por sus opciones de diseño, en lugar de quedarse en su ancho natural.
Si los cambios de alineación parecen sutiles, suele ser porque el bloque no tiene mucho espacio extra para trabajar. Configure primero el diseño y luego use la alineación para ajustar la posición final.
Ajustes de diseño
Sección titulada «Ajustes de diseño»Use el ajuste de diseño móvil para elegir dónde se sitúa el botón de menú en la fila en pantallas más pequeñas. La colocación a la izquierda y a la derecha suele resultar más familiar, mientras que una posición centrada puede funcionar en diseños de encabezado más minimalistas.
Un diseño de ancho completo da al bloque más espacio en la fila, lo que puede hacer que los controles de alineación sean más notorios. Use esto con cuidado para que el encabezado siga viéndose equilibrado con los demás elementos móviles.
La opción de ocupar espacio solo afecta al espaciado de la fila en escritorio. Puede ayudar a distribuir el espacio a lo largo de la fila cuando este bloque está junto a otros bloques del encabezado, pero no hace que el botón aparezca en escritorio.
Notas de uso
Sección titulada «Notas de uso»- Mantenga el acceso móvil disponible. Quite este bloque solo si quiere intencionalmente que no haya acceso móvil a la navegación principal.
- Elija una posición familiar. La colocación a la izquierda o a la derecha suele ser la forma más fácil para que los clientes lo encuentren rápidamente en el encabezado.
- Use el ancho de forma intencional. Los diseños de ancho completo pueden ayudar con el espaciado, pero también pueden hacer que un encabezado simple parezca demasiado grande.
- Ajuste la alineación al final. Las opciones de diseño tienen el mayor efecto, mientras que la alineación funciona mejor como un ajuste final.
- Revise ambas vistas. Revise el encabezado en móvil y en escritorio después de cambiar el diseño o el espaciado para que el botón siga viéndose claro donde aparece.
- Mantenga legibles las acciones cercanas. Si otros elementos del encabezado comparten la misma fila, asegúrese de que el botón de menú no compita con ellos por la atención.