Comment configurer l’affichage du menu sur mobile ?
Définir le passage à la présentation mobile
Dans Réglages pour mobiles, activez le mode responsive si votre thème le prend en charge. Le réglage Activer le menu mobile jusqu’à indique la largeur maximale, en pixels, pour utiliser la présentation mobile.
Choisissez ce seuil en fonction de la place disponible dans votre thème. Par exemple, avec un seuil de 767 px, vérifiez le menu dans une fenêtre moins large, puis dans une fenêtre plus large que ce seuil. Ce nombre est un exemple, pas une valeur à imposer à tous les thèmes.
Choisir le bouton qui ouvre le menu
Si le thème dispose déjà d’une icône « hamburger » pour ouvrir le menu, utilisez ce mécanisme. Activez Activer le bouton d’ouverture du menu lorsque le thème ne fournit pas ce bouton.
Si l’icône du thème est présente mais ne commande pas le menu, faites vérifier par votre intégrateur le Sélecteur de l’icône “hamburger” dans Styles avancés. Le sélecteur doit correspondre à l’élément réellement utilisé par votre thème.
Adapter l’apparence et les éléments visibles
Les réglages mobiles ont leurs propres couleurs, espacements et icônes d’ouverture et de fermeture. Vous pouvez notamment définir des couleurs différentes pour les états ouvert et fermé.
Pour masquer une partie du menu sur mobile, désactivez Actif sur mobile sur les objets concernés. Vérifiez toute la chaîne de parents : un élément ne peut pas s’afficher si son groupe, sa colonne ou son onglet est masqué. Les permissions continuent aussi de s’appliquer.
Si le menu utilise la position Sticky, Activer le mode Sticky sur mobile ? détermine si ce comportement est conservé sur petit écran. Il est recommandé de le désactiver pour un menu latéral de type hamburger.
Contrôler le résultat dans votre thème
Enregistrez les réglages, puis vérifiez le menu fermé et ouvert, l’ouverture des sous-menus et l’accès aux liens. Testez les largeurs de part et d’autre du seuil ainsi qu’un téléphone réel, avec les profils de visiteurs auxquels le menu est destiné.