How to Remove this extra green spacing that is appearing to the right side of Product Page only (in Mobile view only), when we swipe.
Topic summary
A user is experiencing unwanted horizontal spacing (shown in green in a screenshot) appearing on the right side of product pages when viewed on mobile devices.
Proposed Solution:
- Another user suggests adding custom CSS code to the theme.liquid file under the element to fix the overflow issue.
Current Status:
- The initial code provided did not resolve the problem.
- The helper requested the product page URL to investigate further.
- An updated/corrected code snippet was shared privately via inbox.
- The conversation moved to private messages for troubleshooting, so the final resolution is not visible in the thread.
Note: The discussion contains reversed/garbled text in several posts, but the core issue involves mobile viewport overflow on product pages.
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below under element
@Dan-From-Ryviu This code did not work.
Could you share your product page URL to check?
@Dan-From-Ryviu check your inbox. I shared the URL
Sorry, please update correct code to make it works
@Dan-From-Ryviu Kindly check your inbox
@alexalex_225 check code in your inbox