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

Store Design
1

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

2

@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

1 Like
3

You should use display:none and display:block

wo_0-1711510187572.png
wo_0-1711510187572.png1556×799 268 KB

4

Hi @ramababy

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like
5

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;
}
6

Thank you so much! that worked!