How can I fix the horizontal scroll issue on my mobile site?

Hi, I have seen some others having horizontal scroll problems on their Shopify websites, and I have tried to find the problem with mine, but I can’t.

I am having an issue on mobile where my store will allow the user to scroll to the right, causing a white border to show on the right side of the screen.

When I start to scroll down on mobile, the border randomly fixes itself and reappears if I refresh the page.

My website link is:

https://thegroomreaper.com/

Thank you in advance!

Hi @Maxwell_Fick

I used some coding to add animations to the images.

Hi @raynesantiago

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

html, body { overflow-x: hidden; }

Hope that my solution works for you.

Best regards,

Victor | PageFly

Hello @raynesantiago
I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

hi , @GemPages

i got same problem and i did exactly what you post but didnt work for me

any advice please ?

Hi!

I used this solution to solve the lateral scroll, but it unable the sticky header menu… What can I do?

Thank you