How to fix mobile zoom issues on my website?

Topic summary

A Shopify store owner reported a mobile viewport issue where users could drag horizontally and move beyond the page boundaries on their website (stagtis.com).

Root Cause:
The problem was traced to the announcement bar causing horizontal overflow.

Solution Provided:
A CSS fix was suggested to prevent the overflow:

.announcement-bar__link {
  overflow: hidden;
}

Outcome:
The original poster confirmed the solution worked and expressed gratitude. The issue appears resolved.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hi I’m having an issue where on mobile you can drag to the left and leave the page your on. Help would be much appreciated. Website: www.stagtis.com

This issue is happening because of the announcement bar, You can prevent it from overflowing by adding the code:

.announcement-bar__link {
    overflow: hidden;
}

thanks so much