Comment masquer un élément sur mobile, tablette ou ordinateur ?
Une grande image superbe sur ordinateur mais trop lourde sur téléphone ? Un bouton « Appelez-nous » utile seulement sur mobile ? Vous pouvez cacher un élément selon l'écran du visiteur. Comptez 1 minute.
Étape 1 : Cachez l'élément
- Ouvrez votre tunnel et cliquez sur Éditer sur la carte de la page.
- Cliquez sur l'élément à cacher (une image, un texte, un bouton...) pour ouvrir ses réglages.
- En bas des réglages, dans Cacher l'élément sur, cliquez sur l'écran où il ne doit pas apparaître : Ordinateur, Tablette ou Mobile. Le bouton choisi change de couleur.
- Cliquez sur Sauver en haut à droite.
Pour faire réapparaître l'élément, cliquez à nouveau sur le même bouton, puis sur Sauver.
Étape 2 : Vérifiez sur la page publiée
Ouvrez votre page sur un téléphone, ou réduisez la largeur de la fenêtre de votre navigateur : l'élément disparaît selon votre réglage.
Quel écran correspond à quoi ?
Wolfeo se fie à la largeur de l'écran du visiteur :
- Ordinateur : écrans de 992 pixels de large et plus.
- Tablette : écrans de moins de 992 pixels. Attention, cela comprend aussi les téléphones.
- Mobile : écrans de moins de 600 pixels, c'est-à-dire les téléphones.
Les recettes qui marchent
- Un élément seulement sur ordinateur : cliquez sur Tablette (cela le cache aussi sur téléphone).
- Un élément seulement sur téléphone : cliquez sur Ordinateur. Il restera visible sur les tablettes.
- Deux versions d'un même bloc (par exemple une image large et une image verticale) : mettez les deux dans la page, cachez la première sur Tablette et la seconde sur Ordinateur.
Si ça ne marche pas
L'élément est toujours visible sur mon téléphone
Vérifiez que le bouton Mobile (ou Tablette) est bien coloré dans Cacher l'élément sur, et que vous avez cliqué sur Sauver. Rechargez ensuite la page sur votre téléphone.
J'ai caché l'élément sur Tablette et il a aussi disparu sur téléphone
C'est normal : Tablette couvre tous les écrans de moins de 992 pixels, téléphones compris. Si vous voulez le garder sur téléphone, retirez le choix Tablette.
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.