Horizontal Scroll issue on Product Page in Mobile View Sense Theme

Topic summary

Horizontal horizontal scroll in mobile view on the product page (Shopify Sense theme). The original poster shared a site link and a screenshot; the image is central to illustrating the issue.

  • Recommended fix: add a mobile-only CSS rule to hide horizontal overflow: @media (max-width: 749px) { html, body { overflow-x: hidden; } } via Online Store > Themes > Customize > Theme settings > Custom CSS.
  • Alternative approach: add CSS in theme.liquid above/before the tag (specific code not provided by several replies).
  • Likely cause: one reply checked the product detail page (PDP) and found the product description table element is causing overflow; suggests adding CSS targeting that table to prevent overflow (snippet not included). PDP = Product Detail Page.

Actions/outcomes: No confirmation that the issue is resolved. The original poster has not reported back.

Suggested next steps:

  • Implement the provided mobile CSS to hide overflow.
  • Inspect the product description table and constrain its width (e.g., max-width: 100%, word-wrap, overflow-wrap) to prevent overflow on small screens.
  • Test on mobile devices to confirm the fix.

Status: Ongoing; whether the CSS fixes fully resolve the scroll remains unanswered.

Summarized with AI on December 18. AI used: gpt-5.

Hello Sir/Ma’am Help!!

Why my site is Horizontal Scrolling from Side in Mobile View theme is Sense.

Link - store.tradingneu

.coAmbika Store

hello @jayesh1128

can you please share your Website URL
thanks

Plehi @jayesh1128

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
html, body {
overflow-x: hidden;
}
}

Hey @jayesh1128

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

@jayesh1128 ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag


Hello @jayesh1128

I’ve check your PDP and we found the issue in product description table element. so please add below css to resolved your scroll issue.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag