Most visitors to small business websites arrive on a phone, and Google ranks sites based on their mobile version. Sitejet templates are responsive, but your own content (long headlines, large images, extra columns) can still break the mobile layout. A short review per page fixes most problems.
Before you start
- Open Sitejet Builder from cPanel and open your site.
- Have a phone nearby for a real-world test after publishing.
Use the device previews
- Find the device switcher in the editor (desktop, tablet and phone icons).
- Switch to the phone view and scroll through each page from top to bottom.
- Repeat in the tablet view, which often reveals awkward two-column layouts.
Common mobile problems and fixes
| Problem | Fix |
|---|---|
| Headline breaks into many lines | Shorten it, or reduce the font size for mobile |
| Hero image crops faces or products | Set the image focal point, or use a different image for mobile |
| Too much empty space between sections | Reduce section padding for the phone view |
| Columns appear in the wrong order | Change the column order or stacking setting for mobile |
| Buttons too small to tap | Increase button size; aim for at least 44 px tall |
| Tables or wide galleries overflow | Use fewer columns on mobile, or a slider |
Device-specific settings
Many element and section settings in Sitejet can be set per device: font size, spacing, alignment and visibility. Changes made while the phone preview is active usually apply only to phones. Check the indicator in the settings panel to see which device you are editing, so you do not change the desktop layout by accident.
Hide or simplify content
- Hide decorative elements on phones, such as large background shapes or secondary images.
- Do not hide important information; mobile visitors need the same facts, prices and contact options.
- Make the phone number a clickable
tel:link and place a contact button high on the page.
Navigation on mobile
On phones the menu collapses into a menu icon. Keep the menu short, make sure the logo is not too wide for small screens, and check that drop-down items open properly when tapped.
Speed matters more on mobile
- Upload images at a sensible size, around 1600–1920 px wide for full-width images.
- Avoid autoplay videos in the hero area on phones.
- Limit animations; they can feel slow on older devices.
Test after publishing
- Click Publish.
- Open the site on your phone over mobile data and in landscape and portrait.
- Submit the contact form from the phone.
- Run Google's PageSpeed Insights on the mobile tab and look at the suggestions.
Troubleshooting
- Desktop layout changed after mobile edits: the change was made in desktop mode; undo and redo it with the phone preview active.
- Live site differs from the preview: publish again and clear the phone browser's cache.
- Text too small to read: increase body text to at least 16 px on mobile.
- Page scrolls sideways on phones: an element is wider than the screen, often an embedded map, table or fixed-width image; set it to full width or 100% on mobile.