webpage preview not working 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!