Passer au contenu principal

Corriger une section Sternify qui s’affiche mal sur mobile

Vérifiez la page concernée, les réglages mobiles, les images, les espacements et le thème avant de demander une correction.

Écrit par Alex

Ouvrez la section concernée dans l’aperçu mobile de Shopify, ajustez les réglages qu’elle propose, puis vérifiez la page enregistrée sur un téléphone.

1. Ouvrez la bonne mise en page

  1. Accédez à Online Store → Themes → Edit theme pour le thème qui contient la section.

  2. Sélectionnez le modèle concerné et prévisualisez le bon produit ou la bonne page.

  3. Passez à l’aperçu mobile et sélectionnez la section ou le bloc Sternify.

2. Corrigez le problème précis

Le texte est trop grand. Cherchez des réglages de typographie mobile si votre section installée en propose. Réduisez progressivement la taille du texte et vérifiez le titre entier dans l’aperçu mobile.

Les icônes prennent trop de place. Utilisez un réglage de taille des icônes sur mobile s’il est proposé. Image with Benefits comprend Icon Size Mobile.

Une image est coupée. Vérifiez le mode d’affichage et la composition de l’image. Un texte important près du bord peut disparaître dans une mise en page étroite. Un sélecteur d’image mobile distinct est disponible uniquement si la section le propose.

L’espacement est incorrect. Vérifiez les réglages de marges intérieures, de largeur et d’alignement de la section lorsqu’ils sont disponibles. Modifiez un seul réglage à la fois.

3. Enregistrez et vérifiez le résultat

  1. Cliquez sur Save et inspectez toute la page dans l’aperçu mobile.

  2. Ouvrez la page correspondante sur un téléphone et testez les boutons et les liens.

  3. Si le téléphone affiche un autre design, comparez le thème publié et le modèle attribué au produit.

Pour les pages IA, les polices et les espacements du thème installé peuvent différer de l’aperçu de génération.

Le problème persiste ?

Envoyez à l’assistance l’URL de la page, les noms du thème et de la section, le téléphone et le navigateur utilisés, ainsi qu’une capture du problème. Mentionnez tout CSS personnalisé et le réglage censé corriger le problème.

Avez-vous trouvé la réponse à votre question ?