Responsive templates provide a starting point, but edited content and custom styling can still cause layout problems.
Steps
- Open the builder's desktop, tablet, and mobile views for each important page.
- Look for horizontal overflow, clipped headings, overlapping elements, and text that becomes too small.
- Review column stacking and spacing. Adjust the relevant responsive settings instead of shrinking all content to fit.
- Test navigation, buttons, forms, and image crops at narrow widths.
- After publishing, open the actual website on a phone and rotate the screen where useful.
Check the result
Visitors should be able to read content and complete important actions without unintended sideways scrolling or hidden controls.
Before you continue
An editor preview approximates a device size; it does not reproduce every browser or touch interaction. Recheck after adding longer text, changing fonts, or inserting large media. Avoid hiding essential information on mobile merely to make the layout shorter.
Official documentation: Sitejet guide.
