What to do if a section of the site is broken or displays incorrectly

Understanding why a section can break

Key points • Layout or structure problem • Recent unpublished change • Conflict between elements or styles • Content incorrectly loaded or unintentionally deleted

When a section of your hotel website displays incorrectly, it could be due to a layout issue, an element that was moved by mistake, or a style that is no longer being applied correctly. This type of problem quickly negatively impacts the user experience, especially if the section concerns a room, an offer, or key information. Fortunately, a few targeted checks are often enough to identify and resolve the error.

Check the section structure in the editor

Open the editor and select the relevant section. Ensure that: • all elements are properly nested within their containers • nothing has been deleted or moved • columns, blocks, or images are still present • the element hierarchy is consistent

💡 Tip: Compare the problematic version with another similar section of the site to spot what is missing or what has been changed.

Control the applied styles

A section may appear "broken" due to a style that is no longer being applied correctly. Check: • the class associated with each element • margins and padding • flex or grid rules • styles that have been removed or overridden

Modifying the style of a parent element can disrupt the entire layout.

💡 Tip: Temporarily test a basic style (display block, margin reset…) to see if the section recovers.

Test the display on mobile

It's possible that a section might display correctly on a computer but be broken on mobile. Check the following in different screen resolutions: • column behavior • images that overflow • invisible or hidden blocks • excessively large text

💡 Tip: Enable mobile preview in the editor for faster diagnosis.

Check if an edit is pending publication

If the section was recently modified, the online version may not have been published. Check that: • all changes have been saved correctly • the site has been published on the correct domain • no publishing errors have occurred

💡 Tip: A complete republish can resolve unexpected visual behaviors.

Controlling dynamic elements (collections, images, forms)

If the section contains dynamic data, check that: • the Collection fields are still filled in • the images have not been deleted • the dynamic elements are correctly linked

A missing image or an empty field can break the entire layout.

💡 Tip: Open the associated Collection and quickly check the fields of the linked items.

Testing without scripts or external integrations

Some external scripts may interfere with the display. Test the page: • by temporarily disabling optional scripts • by checking recently added integrations

💡 Tip: If the section displays correctly without the scripts, you have identified the cause.

Use a full republication

If no solution works, perform a full republish. This forces the site to rebuild entirely and often corrects inconsistent displays.

💡 Tip: This is often the fastest solution when an element exists in the editor but does not appear on the live site.

Conclusion

A broken or incorrectly displayed section is usually easy to fix: structure, styles, dynamic data, or publication. By methodically checking each point, you can restore the display in minutes and ensure a seamless experience for your hotel guests.