Puis-je utiliser des menus différents sur ordinateur et sur mobile ?

FAQ 1 min de lecture

En bref

Oui. Si les menus sont presque identiques, masquez certains éléments selon l’appareil. S’ils sont complètement différents, créez deux menus : cela nécessite le forfait Pro Navigation.

Masquer des éléments sur un appareil

Ouvrez l’élément > Visibilité et cochez Masquer sur ordinateur ou Masquer sur mobile. Voir Modifier un élément de menu.

Utiliser deux menus différents

1. Créer deux menus

   Dans Gestionnaire de menus, créez un menu pour ordinateur et un menu pour mobile, ou dupliquez votre menu et modifiez la copie.

2. Configurer le menu pour ordinateur

   Ouvrez le menu pour ordinateur > Paramètres > Position > Afficher le menu sur ce sélecteur CSS. Saisissez uniquement le sélecteur CSS de votre menu principal et laissez le sélecteur mobile vide.

   

   Afficher le menu sur ce sélecteur CSS avec ses deux champs de sélecteur

3. Configurer le menu pour mobile

   Faites l’inverse : laissez le sélecteur du menu principal vide et saisissez uniquement le sélecteur CSS de votre menu mobile.

4. Enregistrer et publier les deux menus

   Cliquez sur Enregistrer, puis sur Publier pour chaque menu. Vérifiez votre boutique sur un ordinateur et sur un téléphone.

Pour trouver les sélecteurs, voir Afficher le menu sur ce sélecteur CSS. Vous ne savez pas lequel utiliser ? Contactez-nous et nous le configurons gratuitement.

Pages associées

• Afficher le menu sur un sélecteur CSSPlacez le menu sur des éléments précis de votre thème en saisissant leurs sélecteurs CSS.
• Menus multiples et campagnesGardez plusieurs menus prêts, passez de l'un à l'autre pour vos campagnes et comprenez quel menu s'affiche.
• Modifier un élément de menuModifiez le titre, le lien, l'icône, les couleurs, le badge, le sous-menu et la visibilité d'un élément, ou dupliquez-le, déplacez-le et supprimez-le.

Cette page vous a-t-elle aidé ?

Signaler un problème