Menu hamburger sur le côté gauche sur mobile

Une chose que nous n’avions jamais abordée et qui a causé de la confusion après notre travail sur Menu hamburger coulissant pleine hauteur est que le menu hamburger, situé sur le côté droit, ouvre un menu depuis le côté gauche. Pour ceux qui souhaitent réorganiser l’en-tête, ceci est pour vous :

Les menus mobiles apparaissant dans le coin supérieur gauche de l’écran ne sont pas très accessibles à une main, c’est pourquoi il s’agit d’un composant de thème autonome. Des options, vous voyez ?

38 « J'aime »

Très bien. Est-il possible d’étendre le composant et d’ajouter l’option pour que le logo soit au centre de la barre lorsque l’icône du menu est à gauche ? Je pense que c’est la solution la plus logique (en termes d’UX).

4 « J'aime »

Bien sûr, j’ai ajouté une option de thème pour vous permettre de centrer davantage le logo — profitez-en ! :slight_smile:

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

9 « J'aime »

Serait-il possible de personnaliser cela pour la version de bureau également ?

Merci pour le composant de thème @featheredtoast

1 « J'aime »

Je considérerais le bureau comme hors de portée pour ce composant de thème particulier.

Vous pourriez certainement faire quelque chose de similaire pour le bureau si vous cherchiez à repositionner des éléments, car adopter les mêmes techniques que j’ai utilisées ici pour le bureau ne serait pas trop difficile dans un thème séparé si vous avez une idée en tête que vous aimeriez réaliser.

2 « J'aime »

Merci pour votre réponse :slight_smile: Je n’ai pas les compétences pour en construire un moi-même, mais je devrais probablement apprendre ces compétences :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 »