Why is there white space on horizontal scroll in mobile view?

[ramababy]

Hello! 

Im having an issue with a white space appearing on a horizontal scroll on my mobile view.

I've tried adjusting the css as shared in previous posts, but with no luck!'

webpage is here! ramababy.co

[diego_ezfy]

@ramababy@ramababy, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

body,html{
    overflow-x: hidden;
}

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[wo]

You should use display:none and display:block

[PageFly-Richard]

Hi @ramababy 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px){
html,body{
overflow-x: hidden;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[ramababy]

Thank you so much! that worked!

[Raj-webdesigner]

Your site Problem Is As Cute as Pie Section This Make A Slide Your Screen 

i Have Fixed It 
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file

Put This Code In Your base.css File 

.f-app .f-col-1708398038qECyv {
    overflow: hidden;
}