Why is my webpage preview distorted on mobile?

[storybook]

I created and designed the store. On the computer, the preview of the desktop and mobile options is okay. When I look at the page on my phone, it's a wrong display - a different display..distorted..small fonts, etc..

wrong displaycorrect display

[storybook]

Yes. that would be great

[Victoria]

Hi, @storybook.

Welcome to the Shopify community!

Thank you for sharing screenshots of your view from a desktop and mobile device.

To gather more context on the issue, could you provide more information on the following: 

• Share your store URL so we can test it out on desktop and mobile to replicate the issue.
• Were there any changes made prior to the issue?
• What theme are you using?
• Have you tried previewing your store in a fresh Shopify theme from the Shopify Mobile app? (I'll share steps below) 
• Have you tried viewing your store outside of the theme editor to see if the issue displays?

How to preview your store in a fresh Shopify theme from the Shopify Mobile app:

• First, navigate to the Shopify Mobile app and log in to your store.
• In the app select, Store > Online Store > Manage all themes.
• Scroll down to the section labelled Popular free themes, and add any free Shopify-powered theme.
• Once the theme has finished installing to your store, click the (...) three dots on the left side of the theme > Preview.
• Your store should open in a new browser outside the app allowing you to view any display issues and if they are carried out onto a fresh theme.

Let us know if the display issue is present on a fresh theme. I'd also love to hear what type of store you created and what you're actively working on.

I look forward to your reply!

[Ratss]

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

[Ratss]

I am having the exact same issue onogold.ca

Can someone please help clarify this? It was working fine till today when i tried integrating my site with Facebook

[Ratss]

other themes are working fine and older versions of my site are working fine. Its just the latest and live site looks odd.

[Ratss]

Storybook i resolved by issue by reverting my theme.css file to a time when my site was acting normally. You can do that bu clicking edit code for your theme> theme.css > on the top left there is a "Current" click it to get drop down> select a time when it was all working fine.

I had this issue when i tried verifying my domain with Facebook. So i deleted the facebook sales channel and reverted my theme code.