How to eliminate unexpected horizontal scroll on mobile site?

Technical Q&A
1

Hi lovely people of the Shopify community,

I created a site and there is an unexpected horizontal scroll mainly in mobile version (and also sometimes on web version). This is causing a huge section of blank space on the mobile site towards the end thereby impacting the site’s look. I used some resources on this community, but wasn’t able to solve this. Does anyone know how can I remove it?

Site link below :

https://rocktherental.com/

1 Like
2

@ayeshasantos

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
#shopify-section-footer {overflow: hidden !important;}
3

Thanks so much Ketan! That totally worked :slightly_smiling_face:

1 Like
4

@ayeshasantos

its my pleasure to help us