Testing Your Draftly Site on Mobile Before Launch
A site that looks perfect on desktop can be broken on mobile. Test before you share.
In Draftly Editor
Use the mobile preview toggle in the top bar. Check every section and scroll the full page.
Common issues to look for:
- Text that's too small to read
- Buttons too small to tap comfortably (minimum 44px)
- Images that crop badly in portrait mode
- Navigation menu that's hard to use
Real Device Testing
The editor preview is good but not perfect. Always test on a real phone:
- Share your preview link
- Open on iPhone and Android if possible
- Test every interactive element (forms, buttons, nav)
8-Point Mobile Checklist
- Headline readable without pinching
- CTA button visible without scrolling (above fold)
- Phone numbers are tappable (tel: links)
- WhatsApp button works
- Contact form submits successfully
- Images load correctly
- Navigation menu opens and closes
- Page loads in under 3 seconds on 4G
Common Fixes
Text too small: Increase base font size in brand settings
Sections look cramped: Add vertical padding in mobile view
Images broken: Re-crop or replace with mobile-friendly aspect ratio
