Que faire si une section du site est cassée ou s’affiche mal

Points clés
• Problème de mise en page ou de structure
• Modification récente non publiée
• Conflit entre éléments ou styles
• Contenu mal chargé ou supprimé involontairement

Quand une section de votre site hôtelier s’affiche mal, cela peut provenir d’un souci de mise en page, d’un élément déplacé par erreur ou d’un style qui ne s’applique plus correctement. Ce type de problème nuit rapidement à l’expérience utilisateur, surtout si la section concerne une chambre, une offre ou une information clé. Heureusement, quelques vérifications ciblées suffisent souvent à identifier et résoudre l’erreur.

Vérifier la structure de la section dans l’éditeur

Ouvrez l’éditeur et sélectionnez la section concernée. Assurez-vous que :
• tous les éléments sont bien imbriqués dans leurs conteneurs
• rien n’a été supprimé ou déplacé
• les colonnes, blocs ou images sont encore présents
• la hiérarchie des éléments est cohérente

💡 Astuce : comparez la version problématique avec une autre section similaire du site pour repérer ce qui manque ou ce qui a été modifié.

Contrôler les styles appliqués

Une section peut sembler « cassée » à cause d’un style qui ne s’applique plus correctement. Vérifiez :
• la classe associée à chaque élément
• les marges et paddings
• les règles de flex ou grid
• les styles supprimés ou écrasés

Un style modifié sur un élément parent peut dérégler la mise en page entière.

💡 Astuce : testez temporairement un style de base (display block, reset des marges…) pour voir si la section se rétablit.

Tester l’affichage sur mobile

Il est possible qu’une section soit correcte sur ordinateur mais cassée sur mobile. Vérifiez dans les différentes résolutions :
• le comportement des colonnes
• les images qui débordent
• les blocs invisibles ou masqués
• les textes trop grands

💡 Astuce : activez l’aperçu mobile dans l’éditeur pour diagnostiquer plus vite.

Vérifier si une modification est en attente de publication

Si la section a été modifiée récemment, il est possible que la version en ligne n’ait pas été publiée. Vérifiez que :
• toutes les modifications ont bien été enregistrées
• le site a été publié sur le bon domaine
• aucune erreur de publication n’est apparue

💡 Astuce : une republication complète peut résoudre des comportements visuels inattendus.

Contrôler les éléments dynamiques (Collections, images, formulaires)

Si la section contient des données dynamiques, vérifiez que :
• les champs de la Collection sont encore remplis
• les images n’ont pas été supprimées
• les éléments dynamiques sont correctement liés

Une image manquante ou un champ vide peut casser la mise en page entière.

💡 Astuce : ouvrez la Collection associée et vérifiez rapidement les champs des éléments liés.

Tester sans scripts ou intégrations externes

Certains scripts externes peuvent interférer avec l’affichage. Testez la page :
• en désactivant temporairement les scripts optionnels
• en vérifiant les intégrations récemment ajoutées

💡 Astuce : si la section s’affiche correctement sans les scripts, vous avez identifié la cause.

Utiliser une republication complète

Si aucune solution ne fonctionne, effectuez une republication complète. Cela force le site à se reconstruire entièrement et corrige souvent les affichages incohérents.

💡 Astuce : c’est souvent la solution la plus rapide lorsqu’un élément existe dans l’éditeur mais ne s’affiche pas sur le site en ligne.

Conclusion

Une section cassée ou mal affichée est généralement simple à corriger : structure, styles, données dynamiques ou publication. En vérifiant chaque point méthodiquement, vous pouvez rétablir l’affichage en quelques minutes et garantir une expérience fluide pour les visiteurs de votre hôtel.