White space on the right of screen on mobile, but not on desktop?

Store Design
,
1

Hi there,

I am havinng issues with my website. When you go on the website you can see that you can scroll to the right for some weird reason? Does anybody knows how to fix this??

store link: planguo.com

2

@Planguo - the section - Our Original Recipes is creating issues as it is a slider, all space adjusted with javascript , difficult to solve with css , I recommend either hide that section on mobile or do not use slider

3

Hi @Planguo

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->base.css

html, body {
 overflow-x: hidden !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Thank you so much!

1 Like
5

I have solved here. You can copy and paste this code by following the video tutorial;