Please help | debutify theme scrolls horizontally on product page on mobile

Store Design
, ,

Topic summary

A user encountered a horizontal scrolling issue on mobile product pages using the Debutify theme. The problem caused the page to scroll past media elements horizontally, creating a poor user experience.

Solution provided:

  • Edit the theme code by navigating to Shopify Admin → Edit theme code
  • Open the theme.scss.liquid file
  • Add the following CSS code at the bottom:
body {
  overflow-x: clip;
}

Outcome:
The CSS fix successfully resolved the horizontal scrolling issue. The discussion is marked as resolved, with the original poster confirming the solution worked immediately.

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

Ok so I have the debutify theme installed and it likes to scroll past the media horizontally on the product page on mobile. How do I fix this? Debutify support is terrible and shopify asks me to contact deb

2

Could you provide a url that people can look at?

3

Yes of course

Nuefilter.com

Please note this problem is on mobile and on the product page

Thanks

4

Hello @Shayegan379 :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file theme.scss.liquid and add this code at the bottom

body {
    overflow-x: clip;
}

It should fix the issue.

5

Holy crap you fixed it , God bless your whole bloodline

2 Likes
6

You are welcome :slightly_smiling_face: