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!