Menú hamburguesa en el lado izquierdo en móvil

Una cosa que nunca llegamos a abordar y que causó cierta confusión después de nuestro trabajo en Menú hamburguesa de altura completa que se desliza fue que el menú hamburguesa, en el lado derecho, abre un menú desde el lado izquierdo. Para aquellos interesados en reorganizar el encabezado, esto es para ustedes:

Los menús móviles que aparecen en la esquina superior izquierda de la pantalla no son muy accesibles con una sola mano, por lo que este es un componente de tema independiente. Opciones, ¿sabes?

38 Me gusta

Muy bien. ¿Es posible extender el componente y añadir la opción de que el logotipo esté en el centro de la barra cuando el icono del menú está a la izquierda? Creo que es la forma más lógica (hablando de UX).

4 Me gusta

¡Claro que sí! He añadido una opción de tema para que el logotipo quede más centrado. ¡Disfrútalo! :slight_smile:

Captura de pantalla del 2020-09-21 09-56-45

9 Me gusta

¿Sería posible personalizarlo también para la versión de escritorio?

Gracias por el componente del tema @featheredtoast

1 me gusta

Consideraría que el escritorio está fuera del alcance de este componente de tema en particular.

Definitivamente podrías hacer algo similar para el escritorio si tuvieras la intención de reubicar elementos, ya que adoptar las mismas técnicas que utilicé aquí para el escritorio no sería demasiado difícil en un tema separado si tienes algo en mente que te gustaría hacer.

2 Me gusta

Gracias por la respuesta :slight_smile: No tengo las habilidades para construir uno yo mismo, pero probablemente debería aprender esas habilidades :wink:

¿Solo se puede habilitar en tabletas? Porque esa experiencia de usuario encaja muy bien con las tabletas, pero no tanto con el móvil (mucha gente usa sus smartphones con una mano).

Últimamente este componente tiene un error, cuando lo activo, todo se desalinea, ¿cómo puedo solucionarlo?
image

1 me gusta

Esto no funciona. Dado que el botón de hamburguesa ya está en la esquina superior izquierda en el escritorio, ¿podemos hacerlo también en la interfaz de usuario móvil en el código principal? Si no, ¿cuál es la razón que impide este tipo de unificación de diseño?

1 me gusta

Como hemos recibido un par de informes de que este componente de tema no está funcionando actualmente, he añadido la etiqueta broken. :+1:

1 me gusta

Como se indica en el OP:

Los menús están en el mismo lado en el móvil para la usabilidad con una sola mano.

Gracias por señalar algo que definitivamente me perdí al leer. Entiendo. ¿Pero podemos hacerlo configurable?
La idea es que algunos usuarios con teléfonos móviles de tamaño relativamente pequeño (por ejemplo, Pixel 7) pueden no tener el problema de accesibilidad y que el menú aparezca desde la izquierda es muy poco natural. Si al menos algo debe aparecer en alguna esquina, ¿por qué no se puede configurar para que sea el botón de menú (actualmente es el logo del sitio que enlaza a la página de inicio)?

¿Alguna noticia sobre cuándo/si esto se solucionará?

Disculpas por la demora en esto, @benji envió una corrección para esto, avísame si hay algún problema adicional

2 Me gusta

¡Muchas gracias @featheredtoast y @benji!

Lo acabo de probar y, desafortunadamente, no parece funcionar bien con este otro componente temático que tengo instalado:

Mira la captura de pantalla (el icono de chat se movió a una segunda fila):

Así es como se ve con el componente temático “Menú de hamburguesa en el lado izquierdo en móvil” desactivado:

¡Espero que sea útil!

2 Me gusta

Esto es útil; ¡gracias! Ya casi termino por hoy, pero me haré una nota mental para revisar esto el lunes. Creo que sé lo que está pasando.

3 Me gusta

¡Feliz lunes, @Robin.Grant! Solo quería confirmar que estas capturas de pantalla se tomaron después de descargar la actualización del tema “Izquierdo”. Estoy intentando recrear esto localmente ahora.

1 me gusta

Sí - 100%

1 me gusta

Atraído por una solución para esto, muchas gracias @benji

Pruébalo @Robin.Grant

3 Me gusta