How can I fix the infinite width issue on my website?

Technical Q&A

Topic summary

  • Sudden layout issue: the site’s width became effectively infinite on both desktop and mobile, allowing endless horizontal scrolling to the right.
  • Platform context: Shopify storefront (URL provided), suggesting a theme/CSS layout overflow problem.
  • Proposed fix (steps): In Shopify Admin, go to Online Store > Themes > Actions > Edit code; open Assets > theme.css; add a rule at the bottom to constrain overflow.
  • Key code change: .main-content .shopify-section { overflow: hidden; } — this hides content that spills outside its container and prevents horizontal scrolling.
  • Peer input: Another user reported experiencing a similar issue, reinforcing that it’s a known/recurring layout problem.
  • Outcome/status: The original poster expressed gratitude for the guidance. There’s no confirmation yet that the fix resolved the issue, so the resolution remains unverified.
Summarized with AI on February 23. AI used: gpt-5.
1

Hello dear sir/madam;

I faced a weird problem with my website. The width of My website suddenly changed and now it has an enormous width in both desktop and mobile version. Meaning that we can go to the right to the infinity.

How can I solve this issue?

my website is: WWW. RAYTHEONCOMMERCE.COM

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.main-content .shopify-section{overflow:hidden;}
3

I’ve had this problem with my site before too!

4

I am really grateful for your kind guidance