Streaming live at 10am (PST)

White space on the right when in mobile view


#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.

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:


#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!