Why is my webpage preview distorted on mobile?

Topic summary

Mobile view shows a distorted layout and small fonts on real devices, despite desktop/mobile previews looking correct in the editor. Screenshots illustrate the discrepancy between the “wrong” phone display and the “correct” expected layout.

Support requests details and suggests troubleshooting:

  • Share the store URL, theme name, and any recent changes.
  • Preview the store outside the theme editor and in a fresh Shopify theme via the Shopify Mobile app.
  • Steps provided to add a free theme and use Preview to test if the issue persists.

A second user reports the same issue on Dawn (a Shopify theme) after integrating with Facebook; older site versions and other themes display correctly. Their fix:

  • Revert theme.css (the theme’s stylesheet) to a prior working version via Edit code > theme.css > “Current” dropdown > select an earlier timestamp.
  • Remove the Facebook sales channel after domain verification.

Outcome/status:

  • One user resolved the problem by reverting theme.css and removing the Facebook channel.
  • The original poster has not yet confirmed a fix; the thread remains open, pending store details and testing on a fresh theme.
Summarized with AI on January 29. AI used: gpt-5.

Please help im having the same issue with Dawn theme. Please see post below.