White Space on Mobile

Design help General
1

Can anybody please help me? I having issues with my vertical mobile site. I have a WHITE SPACE on my mobile. I am new to this and really don’t know much.

mobile.PNG
mobile.PNG1242×2688 183 KB

Below is the preview link.

Thank you very much

https://preview.webflow.com/preview/jstreps-cool-project?utm_medium=preview_link&utm_source=designer&utm_content=jstreps-cool-project&preview=4d687cd7af8c007dd1bf01845511d11c&mode=preview

2

@jstrep18
You have overflow elements in your footer causing extra whitespace to the right. Same with your header nav.

see video below:

I would suggest setting all your mobile header and footer containers to single column wrappers with a parent wrapper max width 100vw to resolve this.

3

thank you very much for the video. also, the video cuts out a 5 minutes when you were talking about the “div blocks”. I appreciate your help a great deal.

4

Sir,

Anyway you can post a video link on creating the “page wrapper”? I am having difficulties creating it too. Thanks again!

ruben

5

Hey guys! I fixed it by setting body’s max width to 100vw as suggested by @miekwave while also setting overflow to hidden, that will do the trick!

I hope this saves time for people in the future.