How does my website look on mobile?

Preview how your wedding website appears on mobile devices and ensure it looks great for guests viewing on their phones.

Short answer: Use the mobile preview toggle in the website builder to see how your site looks on mobile devices.

Using mobile preview

  1. Go to Site > Builder
  2. Look for the device toggle at the top of the preview area
  3. Click the mobile/phone icon to switch to mobile view
  4. Browse through your pages to check each section

What changes on mobile

  • Navigation becomes a hamburger menu (three lines)
  • Content stacks vertically instead of side-by-side
  • Images resize to fit the screen width
  • Font sizes adjust for readability on smaller screens
  • Some spacing may differ from desktop

Common mobile considerations

Images

  • Large header images are cropped to fit mobile screens
  • Test that important parts of your photos aren't cut off
  • Image sections may display differently on mobile

Text

  • Long paragraphs work fine but consider breaking up text
  • Check that any custom formatting looks good on mobile

Navigation

  • Guests tap the menu icon to see navigation options
  • Make sure your menu items are clear and accessible

Tips

  • Most wedding guests will view your site on their phones
  • Test the actual site on your own phone, not just the preview
  • Share the preview link with a friend to get feedback on mobile appearance
  • Keep important information near the top since mobile users scroll more

Related articles