Problème de marge sur mobile

[elinfletcher]

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))

[HugoClv]

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 😉

[Océanne]

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 !