Issue with Mobile Responsiveness When Hiding Preview Bar on Theme Draft Preview

Hi everyone,

I wanted to check if anyone else has encountered this issue with the Shopify theme preview links on mobile devices:

When we share the preview link of a theme that’s in Draft mode with a client, they see the preview bar at the bottom of the page. The problem happens when this preview bar is tapped:

  • On Safari (iPhone), the assets on the page stop working properly after clicking the “Hide bar” option. The page becomes unresponsive and doesn’t behave as expected.
  • On other browsers, once the preview bar is tapped, the page loses scroll and touch functionality. A full refresh is needed to recover it.

Additionally, after refreshing, the preview bar reappears — and if we go through the same process, the issue repeats.

I’ve attached a screen recording showing how the page loses responsiveness after interacting with the preview bar on mobile.

Has anyone faced this issue or found a workaround? Would appreciate any feedback!

Thanks in advance!

Hi, I’m having the same issue with the mobile preview. After tapping the “hide bar,” scrolling stops working. Using iPhone (chrome / safari).