Back to Documentation
Page Builder
Mobile Optimization
8 min read
Create responsive, mobile-first funnels that convert on any device.
Mobile-First Design
Over 70% of traffic comes from mobile devices. Always design mobile-first:
- Start by designing for mobile screens
- Then enhance for tablet and desktop
- Use the device preview toggle in the editor
- Test on real devices before publishing
Responsive Settings
Control how elements appear on different screen sizes:
- Hide on Mobile - Hide elements on small screens
- Hide on Desktop - Show only on mobile
- Responsive Text - Auto-adjust font sizes
- Stack on Mobile - Convert columns to rows
Touch-Friendly Elements
Ensure your buttons and forms work well on touchscreens:
- Minimum button size: 44x44 pixels
- Adequate spacing between clickable elements
- Large, easy-to-tap form inputs
- Avoid hover-only interactions
📱 Mobile Best Practices
Keep forms short on mobile (3-4 fields max), use large buttons, and ensure fast load times. Test on both iOS and Android devices!