White space on the right when in mobile view

Design help General
1

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)

2

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:

3

https://preview.webflow.com/preview/brits-construction-project?preview=e9b738bc49b3261e0e89c8e255371743

4

The link should be working now. Thank you.

5

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.

480Ă—838 35.3 KB

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

478Ă—1290 44.9 KB

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

475Ă—1456 47 KB

Here you go! :slight_smile:

6

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

7

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!

8

Thank you it worked!

1 Like