Streaming live at 10am (PST)

Whitespace in Mobile layout


#1

Hello,

In the mobile layout, why the WHITE space is coming out? But doesn’t show in my file layout.

Please check this site on your mobile http://runway.flexcre8tivegroup.com/
Waiting for your help.

Thanks


#2

Do you have fixed width on the boxes? Would be helpful to have a read only link to be able to have a better look. http://forum.webflow.com/t/how-to-enable-a-webflow-share-link/2573


#3

Here is the links https://webflow.com/design/runway?preview=f84b139b0e73a7f5e146f145737abc48


#4

Hi @Fidel, thanks for the link. I can see that your site has some overflow, meaning that you have some element overflowing beyond the size of the mobile viewport.

Looking at the elements, it seems you have a lot of elements using fixed widths and this might be causing the problem, that some element is too wide for the viewport.

My suggestion is for you to try and find the element that has the overflow, fix that by adjusting width or by setting the overflow to hidden, and the issue hopefully will be resolved.

I would use percentage based widths so that your content always stays within the viewport.

Here is a tutorial that helps with structuring your divs:

http://tutorials.webflow.com/using-divs-for-structuring

I hope that helps, if not, let me know smile Cheers, Dave


#5