Menú hamburguesa en el lado izquierdo en móvil

One thing we never got around to and caused some confusion after our work on Full height, slide out hamburger menu was that the hamburger menu, on the right side, opens a menu from the left side. For those interested in rearranging the header, this is for you:

Screenshot from 2020-09-18 12-19-27

Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno?

36 Me gusta

Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think it’s the most logical way (speaking of ux).

4 Me gusta

Sure, I’ve added a theme option for you to make the logo more centered - enjoy! :slight_smile:

Screenshot from 2020-09-21 09-57-37

Screenshot from 2020-09-21 09-56-45

9 Me gusta

Would it be possible to customise this for the desktop version as well ?

Thanks for the theme component @featheredtoast

1 me gusta

I’d consider desktop out of scope for this particular theme component.

You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldn’t be too difficult in a separate theme if you’ve got something in mind you’d like to do.

2 Me gusta

Thank you for the reply :slight_smile: I lack the skills to build one myself, but probably should be teaching myself those :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