Votre site s’affiche parfaitement sur ordinateur mais déraille sur mobile : texte coupé, boutons inaccessibles, images déformées. C’est l’un des problèmes les plus fréquents, et il peut venir de plusieurs endroits.
Tester l’affichage avant tout #
Avant de toucher quoi que ce soit, testez votre site sur plusieurs appareils si possible. Un problème visible sur un iPhone peut ne pas exister sur Android, et inversement. Vous pouvez aussi utiliser l’outil de prévisualisation mobile intégré à Elementor pour avoir une première idée.
Dans Elementor, le mode responsive se trouve en bas de l’écran d’édition. Trois icônes permettent de basculer entre la vue ordinateur, tablette et mobile. Ce que vous voyez là correspond à ce que verra l’utilisateur sur son téléphone.
Les causes les plus fréquentes #
Un élément a une largeur fixe trop grande #
Si un bloc, une image ou un texte a une largeur définie en pixels (par exemple 1200px), il déborde sur mobile. Dans Elementor, vérifiez les largeurs de vos sections et colonnes et utilisez des pourcentages ou laissez la largeur sur « auto ».
Des réglages différents selon l’appareil #
Elementor permet de définir des tailles, des espacements et des positions différents pour mobile, tablette et desktop. Si quelque chose a été modifié par erreur sur la vue mobile, cela peut tout dérégler. Ouvrez la page en mode édition, passez en vue mobile et vérifiez les réglages un par un.
Un plugin ou un code personnalisé en cause #
Certaines extensions ajoutent du CSS qui perturbe l’affichage mobile. Si le problème est apparu après l’installation d’un plugin, désactivez-le temporairement pour vérifier.
Le cache qui affiche une ancienne version #
Si vous avez fait des corrections mais que l’affichage ne change pas, c’est peut-être votre cache. Consultez notre article sur les modifications qui ne s’affichent pas pour le vider correctement.
Ne modifiez jamais l’affichage mobile en ajoutant du CSS personnalisé si vous n’êtes pas à l’aise avec le code. Une mauvaise règle CSS peut aggraver le problème et toucher d’autres éléments du site.
Si vous ne trouvez pas la cause #
Les problèmes d’affichage mobile peuvent être subtils et difficiles à isoler. Si vous avez vérifié les points ci-dessus sans résultat, contactez Gollab. Nous identifions la source du problème et corrigeons directement dans Elementor sans risquer de casser autre chose.