Problème de marge sur mobile

Topic summary

Un utilisateur rencontre un problème d’affichage sur mobile où la page se décale à droite et à gauche, créant des marges indésirables sur son site Shopify.

Causes identifiées :

  • Les images importées (notamment les bannières panoramiques) ne respectent pas les dimensions recommandées
  • Les dimensions suggérées sont 1200 x 2000 pixels en largeur et 400 x 600 pixels en hauteur
  • Les appareils mobiles recadrent automatiquement les images trop larges

Solutions proposées :

  • Ajuster les images avec un logiciel comme Canva ou Photoshop selon les dimensions recommandées du thème
  • Vérifier dans l’éditeur de thème que les modifications s’appliquent correctement en version mobile
  • Contacter l’équipe d’assistance Shopify pour bénéficier d’un spécialiste du thème (si aucune modification de code personnalisée n’a été effectuée)
  • Utiliser le temps de conception gratuit disponible avec les thèmes Shopify
  • Engager un expert Shopify si nécessaire

Statut : Discussion ouverte avec conseils techniques fournis, en attente de retour de l’utilisateur sur les solutions proposées.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Bonjour,

Je poste un message car depuis quelques semaines j’ai un problème de marge sur mon site Shopify (uniquement sur mobile) comme vous allez le voir sur la photo ci-jointe, quand on navigue sur mobile sur ma boutique la page se décale à droite et à gauche … elle n’est pas fixe ; pouvez-vous m’aider ? (Site : thebabyscloset.fr) (J’ai le thème Refresh))

1 Like

Hello @elinfletcher Il semblerait que les images que vous avez importées ne sont pas aux bonne dimensions.

Regardez les dimensions recommandées pour la bannière de ce thème, puis ajustez vos images sur un logiciel comme canva ou photoshop.

En important vos images avec ce nouveau format cela devrait régler votre soucis d’affichage :wink:

Bonjour @elinfletcher ,

Thème

Puis-je vous demander si vous avez déjà apporté des modifications de code à votre thème récemment ? Si oui, cela n’est pas un endroit que nous pouvons supporter si les changements ont été faits vous-même ou par un expert pas pris en charge par Shopify.

⇨ Spécialiste du thème Shopify - Bien que le personnel comme moi ne puisse pas effectuer le changement, notre spécialiste du thème peut être en mesure de donner un coup de main si vous n’avez pas apporté des modifications de code à votre thème ! Je vous recommande de contacter l’équipe d’assistance en utilisant ce lien afin qu’elle puisse contacter un spécialiste. Je ne peux pas vous promettre le résultat, mais étant donné que vous utilisez Refresh, j’ai bon espoir que notre équipe sera en mesure de vous aider !

  • Puisque vous utilisez un thème Shopify, vous pouvez peut-être faire réaliser cette personnalisation par notre spécialiste en thème en utilisant une partie de votre temps de conception gratuit.

Mais si vous avez apporté des modifications de thème, heureusement il y a des ressources avec des suggestions de codage pour vous aider. Par exemple, celle-ci qui est en Anglais: Shopify Refresh - mobile view.

⇨ Experts Shopify - Une autre option consiste à engager un expert Shopify pour vous aider. Vous pouvez utiliser cette page pour rédiger une offre d’emploi, en indiquant aux experts le type d’aide que vous recherchez. Les experts vous contacteront et vous feront savoir qu’ils peuvent vous aider.

Images

Je suis d’accord avec @HugoClv , que les images de votre diaporama sont très larges donc il faudra ajuster les dimensions. Gardant à l’esprit qu’il y a un recadrage et un réajustement automatiques lorsque l’image est visualisée sur un appareil mobile. Il est donc préférable d’aligner les images au milieu, car les appareils mobiles recadrent le haut/bas et la gauche/droite des images.

Cependant, les dimensions recommandées par Shopify pour la zone de diaporama sont de 1200 x 2000 pixels en largeur et de 400 x 600 pixels en hauteur.

Éditeur de thème

Lorsque vous modifiez le thème de votre boutique dans l’éditeur de thème, vérifier que les changements s’appliquent bien sur la version mobile aussi.

Bon courage et bon succès !

1 Like