Menu hamburger sur le côté gauche sur mobile

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 « J'aime »

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 « J'aime »

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 « J'aime »

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

Thanks for the theme component @featheredtoast

1 « J'aime »

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 « J'aime »

Thank you for the reply :slight_smile: I lack the skills to build one myself, but probably should be teaching myself those :wink:

Est-ce que cela ne peut être activé que sur tablette ? Parce que cette expérience utilisateur convient très bien aux tablettes, mais pas autant aux mobiles (beaucoup de gens utilisent leur smartphone d’une seule main).

Ce composant a récemment un bug, quand je l’active, tout est désaligné, comment puis-je le corriger ?
image

1 « J'aime »

Cela ne fonctionne pas. Le bouton hamburger étant déjà dans le coin supérieur gauche sur ordinateur, pouvons-nous le placer également sur l’interface utilisateur mobile dans le code principal ? Sinon, quelle est la raison qui bloque cette unification de la conception.

1 « J'aime »

Comme nous avons reçu quelques signalements selon lesquels ce composant de thème ne fonctionne pas actuellement, j’ai ajouté la balise broken. :+1:

1 « J'aime »

Comme indiqué dans le message initial :

les menus sont du même côté sur mobile pour une utilisation à une seule main.

Merci d’avoir signalé quelque chose que j’ai certainement manqué en lisant. Je comprends. Mais pouvons-nous le rendre configurable ?
L’idée est que certains utilisateurs avec des téléphones mobiles de taille relativement petite (par exemple, Pixel 7) peuvent ne pas avoir de problème d’accessibilité et le menu qui apparaît depuis la gauche est très peu naturel. Si quelque chose doit apparaître dans un coin, pourquoi ne pourrait-il pas être configuré pour être le bouton de menu (actuellement, c’est le logo du site qui renvoie à la page d’accueil) ?

Des nouvelles sur quand/si cela sera résolu ?

Désolé pour le retard, @benji a soumis un correctif pour cela, faites-moi savoir s’il y a d’autres problèmes

2 « J'aime »

Merci beaucoup @featheredtoast et @benji !

Je viens de l’essayer, et malheureusement, il ne semble pas bien fonctionner avec ce autre composant de thème que j’ai installé :

Voir la capture d’écran (l’icône de chat a été déplacée sur une 2ème ligne) :

Voici à quoi cela ressemble lorsque le composant de thème “Menu hamburger sur le côté gauche sur mobile” est désactivé :

J’espère que cela vous sera utile !

2 « J'aime »

C’est utile ; merci ! J’ai presque fini pour aujourd’hui, mais je me ferai une note pour vérifier cela lundi. Je pense savoir ce qui se passe.

3 « J'aime »

Bon lundi, @Robin.Grant ! Je voulais juste confirmer que ces captures d’écran ont été prises après le téléchargement de la mise à jour du thème « Côté gauche » ? J’essaie de recréer cela localement maintenant.

1 « J'aime »

Oui - 100%

1 « J'aime »

Corrigé, merci beaucoup @benji

Essayez-le @Robin.Grant

3 « J'aime »