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

Solved

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

Planguo
Tourist
3 0 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 

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3079

This is an accepted solution.

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

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
9578 1197 1537

@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

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

PageFly-Victor
Shopify Partner
7865 1785 3079

This is an accepted solution.

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

Planguo
Tourist
3 0 1

Thank you so much! 

MRamzan
Shopify Partner
183 3 26

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

 

 

<style> 
    html,body {
        opacity: 1 !important;
    }
</style>

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112