White space on the right when in mobile view

Hi. When I am on mobile view. I get extra white space on the right when you are on the home page. I have checked out the Webflow forum. It suggest if you have negative margins this can cause a problem, I do not have negative margin on my Slider (the element following my navbar). Another suggestion was to make sure overflow is set to hidden. I have done so but the white space still exist

Here is my site Read-Only: **LINK**https://preview.webflow.com/preview/brits-construction-project?preview=c2602ebef5226789716afb7dcac79199(how to share your site Read-Only link)

Hey! Can you please check your read-only link? it doesn’t work! I’ll be happy to take a look after that :slight_smile:


The link should be working now. Thank you.

Great! So the white space is also visible on desktop. Here’s my solution:

On the desktop version, create a new div and put the “slider-div” inside it.

After that, you can give a class to your new div (width-wrapper in my case) and set it to “Overflow hidden”

Everything should be fine after that, but I also suggest to change the position of “Row 3” to “Auto” instead of “fixed” to make it more centred

Here you go! :slight_smile:

Sorry, the white space is not showing on my desktop browser, I’m using Chrome. Which browser are you viewing the site on?

The white space was on Safari desktop. If you fix it on desktop, it’ll fix all the breakpoints so it’ll be okay on mobile too!

Thank you it worked!

1 Like