Extra white space on mobile

[Sparsh_EMC (Sparsh)]

Hi, all of my pages have extra white space on right side on mobile for some reason: https://sparshs-dandy-project.webflow.io. I don’t have any negative margins and all most component margins are set to auto. I tried changing body:overflow attribute to hidden but on doing that vertical scroll stops working. Could anyone please take a look and help with this issue? Thanks in advance!

---

Here is my site Read-Only: https://sparshs-dandy-project.webflow.io

[DFink (Dave)]

Please post your read only link Share a read-only link | Webflow University

[Sparsh_EMC (Sparsh)]

Hey Dave, sorry wrong link, here’s the read only: https://preview.webflow.com/preview/sparshs-dandy-project?utm_medium=preview_link&utm_source=designer&utm_content=sparshs-dandy-project&preview=0b4be530916bcaa82d4c22b4c466dabc&pageId=5f43e0d9470b977989d35b3e&mode=preview

[DFink (Dave)]

Theres a whole bunch of things going on with your site right now that may be causing it. Currently your menu is unreadable as everything is overlapping. I can’t see any white space though. Maybe rework your layout and come back if you still have the issue?

[Sparsh_EMC (Sparsh)]

Hi @DFink, sorry I don’t follow what you mean. I checked the menu and it loads fine, and I can see the white space on mobile, like this:

[DFink (Dave)]

This is why I was recommending modifying your whole site structure which may fix the issues you are having. I am unable to replicate that white space.

[Sonic_Squid]

I am having the exact same issue when ever I drag to the iPhone X size/option, it is leaving me with extra white space on the right of my site, but not in any other screen sizes larger than that.

Can someone please PLEASE help me as it’s driving me crazy! haha

READ ONLY LINK

https://preview.webflow.com/preview/thedirtybirdwebsite?utm_medium=preview_link&utm_source=designer&utm_content=thedirtybirdwebsite&preview=fe190841b0dfcc8260b44f260e5e19ec&mode=preview

[Sparsh_EMC (Sparsh)]

Hi @DFink I think that’s some kind of rendering issue with the read only link. Both in my preview and on the actual URL, it loads just fine. Also as you can see, the white space exists:

Could you take a look at the url (Sparsh's Dandy Project) and see if you can spot anything causing the white space to occur there?

As I mentioned before, I have definitely not used -ve margins anywhere.

Thanks

[DFink (Dave)]

I cannot see the white space at all. I’m sorry! Did you check to see if any items have a fixed width?

[Sparsh_EMC (Sparsh)]

That’s weird, even on the URL (Sparsh's Dandy Project)? Yes I do have elements with fixed width, is that a potential cause?

[DFink (Dave)]

Yeah, if you have fixed width, that is likely why, try using percentages instead.

[Sparsh_EMC (Sparsh)]

Done, but the issue still persists. @DFink

[PeterDimitrov (Webflow Expert Partner)]

Hello @Sparsh_EMC

Try doing the following:

Go to your .container class on mobile > remove margins

Tell me if there’s an improvement

Piter