Hello everyone,
I am quite new here. I am working on my site and the mobile version on one of the pages (Company) has white space to the right. I have manually check every element a couple of times over and just can’t seem to find where the issue lies. Would appreciate any help!
ok tried published on my phone, I think you are seeing scroll bar, im running in dark mode so i see a small rectangle going down my page.
not sure where to start but do you have overflow auto on?
Weird. I actually just viewed the published version on mobile for the first time and saw that almost everything is off Not really sure where to go from here. I guess there is no easy answer to why the layout in the Designer isn’t the same when published?
As for the overflow- I’m afraid I am not familiar with that yet. Where do I enable it?
i think either something is wider than the mobile screen or you have something transitioning position wider than the width.
mobile is 320x so if anything goes past or moves 321x or greater you get a scroll.
Or that’s my understanding.
On my mobile if I thumb sideways the screen moves sideways, that’s the give away.
lol just found a nice feature.
on developer.
tick the 320px and it opens a box.
inside is a reset.
click that and it shows you your actual width used on mobile.
Also on your picture post, notice it says along the side, affects 479px and below.
*edit ignore abovr
Funny stuff, this is typical of Webflow startup templates and is the result of not understanding anything about the limitations of mobile views. The trick is to not veer to much from the design unless you know what you are doing.
Post a preview link of the actual site will go a lot quicker because then I can get in and tell you exactly whats wrong instead of guessing like ur friend there.
Whenever you see that the body shifts left and right, something is flowing beyond the allowed body width. I mainly have this problem when using the grid (could be an extra column not being used). or when using elements with minimum widths that exceed that width (for example, the re-captcha in lower screen breaks.)
I can’t see your read-only (it was deleted, so maybe you solved this?) but I suggest you look into grids or minimum widths on elements as culprits. Good luck!