Horizontal scroll - Mobile Version of my homepage moves to left and right

i dont know if i ask this question in the right place but i have a problem with my mobile site. on desktop it works fine but on mobile i have a horizontal scroll from left to right but only on the product pages not on the main page. i tried everything but i cant figure it out is there someone who can help ? i already tried a couple of things but i dont have the theme.scss file anywhere. thanks in advance

@theThings

Could you share your store URL? Then I can review it

https://thethingsforu.myshopify.com

@theThings

Can you share your store password as well

i send it to you in a private message thanks in advance i appreciate it

@theThings

Add this code to at the bottom of Edit code > assets > base.css file

html{
overflow-x: hidden;
}

unfortunately it didn’t work it still moves from left to right i don’t know if i did it correctly i added a screenshot of how i edited the code

Hello @theThings ,

It’s GemPages support team and glad to support you today.

Could you please share your protect store password then I can see and suggest something for you?

Best regards,
GemPages Support Team

@GemPages @I send it to you in a private message thanks :slightly_smiling_face:

Hello @theThings ,

I checked your page and found that the cause of this issue is due to the size of the table.

You could please try using my below solution:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


For example,

Best regards,
GemPages Support Team


thank you so much it worked perfectly on the first page so the led crystal lamp:) i am very happy with this thanks @GemPages @ExpertRookie . i am gonna be a little annoying haha but the second page so the bonsai led tree still does the horizontal scroll can i fix that also with this code ? again many thanks

Hi @theThings
checked your page on my phone, but didn’t see the problem.

Hello @theThings ,

I checked and found that the bonsai led tree page has still shown normally.

Could you please double-check again? If the issue was still there, let’s screenshot your end in order for I can have more information.

Best regards,
GemPages Support Team

Yes its fixed thanks to you your solution :slightly_smiling_face: i looked at the other page and i saw a couple things that would interfere. So i deleted it and now its working fine. But at first the code you gave me only worked on the first page.

Hi, I’m facing a similar issue on my productpage on mobile: https://www.stickerpet.com/products/stickerpack-custom-stickers. Would be great if you could help me out.

Thanks in advance.

I’m facing the same issue on the website topsandbottomsusa.com.