Fabric Theme- Mobile Issues

Store Design

Topic summary

A Shopify store owner reports a mobile layout issue affecting Safari on iPhone specifically. Content fails to stack properly and instead pushes to the right, requiring horizontal scrolling—breaking the mobile user experience.

Troubleshooting attempts:

  • Tested multiple themes including unmodified Dawn theme
  • Removed third-party apps and custom sections
  • Applied CSS fixes (overflow-x: hidden, box-sizing)
  • Issue persists across all attempts

The problem does not occur on desktop or Chrome mobile, only Safari mobile.

Current findings:
A community member tested on older iOS versions and discovered the issue also affects the official theme demo store, with JavaScript console errors appearing. This suggests the newer Shopify themes may contain code incompatible with older iOS versions.

Status: The root cause appears related to iOS version compatibility rather than store-specific configuration. No solution has been identified yet.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello all,

I’m experiencing an issue with my Shopify store’s mobile layout—specifically on Safari mobile (iPhone).

My site looks fine on desktop and even on Chrome mobile, but on Safari mobile, sections don’t stack properly. Instead, some content is pushed to the right, and I have to scroll horizontally to see it. This breaks the user experience and layout badly.

To troubleshoot, I’ve:

  • Tested multiple Shopify themes, including an untouched version of Dawn – the issue still occurs.

  • Tried removing third-party apps and custom sections – still persists.

  • Added custom CSS (overflow-x: hidden, box-sizing: border-box) – no effect.

My site is https://upactive.co if you’d like to view it.

I’m wondering:

  • Is this a known issue with certain themes or Safari-specific rendering quirks?

  • Could it be related to a specific Shopify layout component?

  • Is there a way to force mobile Safari to respect the stacking and prevent horizontal overflow?

Any help would be massively appreciated!

Thanks,
Meagan

2

Can you let us talk

3

What do you mean?

4

How old is your iPhone IOS?

When I test in older IOS, your site does not work properly. But neither does the theme demo store and there is a whole lot of JS errors in console.

I guess when creating new generation of themes they’ve used some code which is not compatible with older IOS.