How to Optimize Your Website for Mobile in SiteJet

Optimizing Your SiteJet Website for Mobile

More than half of web traffic comes from mobile devices, so making sure your dotCanada-hosted website looks great on phones and tablets is essential. SiteJet includes built-in mobile editing tools that let you fine-tune the experience for smaller screens.

Switching to Mobile View

1. In the SiteJet editor toolbar at the top of the screen, find the device toggle icons (desktop, tablet, mobile).
2. Click the mobile icon to switch to mobile editing mode.
3. You'll see your page as it appears on a smartphone screen.

Adjusting Styles for Mobile

• Styles in SiteJet can be set per device. Changes made in mobile view only affect mobile - your desktop layout stays intact.
• Resize fonts, padding, and margins to suit the smaller screen.
• Hide elements that don't work well on mobile using the visibility toggle in the element settings.
• Rearrange stacked columns so the most important content appears first.

Mobile Best Practices

• Use large, easy-to-tap buttons - at least 44px tall.
• Keep text concise; mobile visitors scan rather than read.
• Avoid horizontal scrolling by keeping all content within the screen width.
• Test navigation menus - SiteJet automatically collapses them into a hamburger menu on mobile.

Previewing on Mobile

Use the mobile preview mode in the editor to check your layout before publishing. For the most accurate test, view your published site on an actual smartphone.

If you need help with mobile optimization, contact our support team anytime.