Pourquoi ma page s'affiche différemment sur mobile et sur ordinateur ?
Votre page n'a pas tout à fait la même allure sur un téléphone et sur un ordinateur ? C'est normal : elle a deux versions, que vous pouvez régler l'une après l'autre. Comptez 5 minutes pour vérifier.
Imaginez un vêtement avec deux tailles : vous retouchez l'une sans toucher à l'autre.
Étape 1 : Passez en vue téléphone dans l'éditeur
En haut de l'éditeur, deux icônes changent la vue :
- l'icône écran (« PC / MAC ») : la version ordinateur ;
- l'icône téléphone (« Mobile ») : la version téléphone.
Cliquez sur l'icône téléphone (1) pour voir et corriger votre page telle qu'elle s'affiche sur un téléphone.
Étape 2 : Corrigez la version téléphone sans toucher à l'ordinateur
En vue téléphone, cliquez sur l'élément à corriger et changez ses réglages (taille, marges, alignement...). Le bandeau « Mobile uniquement — desktop inchangé » vous rappelle que ce changement ne concerne que les téléphones.
Un réglage modifié pour le téléphone affiche une petite flèche de retour à côté de son nom : cliquez dessus (« Réinitialiser au desktop ») pour reprendre la valeur de la version ordinateur.
Cliquez ensuite sur Sauver, en haut à droite : sans cela, rien ne change en ligne.
Étape 3 : Masquez un élément sur un seul appareil
Dans les réglages d'un élément, la ligne Cacher l'élément sur propose trois boutons : Ordinateur, Tablette et Mobile. Cliquez sur un bouton pour cacher l'élément sur cet appareil, cliquez à nouveau pour l'afficher.
Si un élément « disparaît » sur téléphone ou sur ordinateur, c'est souvent qu'un de ces boutons est activé.
Ce que Wolfeo adapte tout seul
- Les textes plus petits sur téléphone. Sur un petit écran, Wolfeo réduit automatiquement la taille des titres, des textes et des boutons, ainsi que les marges, pour que tout tienne à l'écran.
- Pas de vue tablette. L'éditeur n'a pas de vue tablette : une tablette affiche la version ordinateur, adaptée à sa largeur. Les réglages faits en vue téléphone ne s'appliquent qu'aux téléphones.
- Le popup de sortie ne s'ouvre pas sur téléphone. Un popup réglé pour s'afficher quand le visiteur quitte la page ne se déclenche pas sur mobile : la sortie n'y est pas détectable. Utilisez plutôt un déclenchement au chargement si vous voulez qu'il s'affiche aussi sur téléphone.
Si ça ne marche pas
Un élément est caché sur téléphone alors que je n'ai rien coché sur « Mobile »
Regardez le bouton Tablette : il cache l'élément sur les tablettes, mais aussi sur les téléphones. Pour cacher un élément uniquement sur téléphone, utilisez seulement le bouton Mobile.
Ma page en ligne n'a pas changé sur mon téléphone
Vérifiez que vous avez cliqué sur Sauver, puis rechargez la page sur votre téléphone. Le guide « Pourquoi mes modifications n'apparaissent pas sur ma page en ligne ? » détaille les autres vérifications.
Je veux voir le résultat comme un visiteur
Ouvrez l'aperçu de votre page, ou son adresse directement sur votre téléphone : voyez « Comment prévisualiser mon tunnel comme un visiteur ? ».
Ce guide vous a-t-il aidé ?
Merci ! Votre réponse nous aide à savoir quels guides améliorer.
Merci de nous le dire. Qu’est-ce qui vous a manqué ?
Toujours bloqué ?
Écrivez à l’équipe. Le lien de ce guide est joint à votre message : nous saurons où vous en êtes.
Message envoyé.L’équipe vous répond à l’adresse indiquée, avec ce guide sous les yeux.