Problem with width resolution on mobile

Topic summary

A Shopify store is experiencing layout issues when viewed on a mobile device in landscape orientation (rotated 90 degrees). Instead of maintaining the mobile layout with text stretching to fit the width, the store switches to an unintended resolution that breaks the design.

Desired behavior:

  • Keep the same mobile layout structure when phone is rotated
  • Only stretch text to fit the wider screen
  • Maintain all other mobile design elements

Current status:

  • Issue demonstrated with before/after screenshots showing the broken landscape view
  • Store link provided for troubleshooting
  • Reference example provided showing correct landscape behavior
  • No solutions or responses yet; discussion remains open
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

ey guys, when I rotate my phone 90 degrees, the store kind of bugs out and behaves as if it’s on a weird resolution.

It looks like this:

How can I make it so that when I rotate the phone, the store stays in the same layout as it is on mobile? I just want the text to stretch to fit the width, but everything else to remain the same.

This is how I want it to look:

Here’s my store: https://1049xn-ya.myshopify.com/

And here’s a store where it works the way I want: https://tomnoske.store/

Thanks a lot,
Tim