Streaming live at 10am (PST)

Site on mobile device in portrait view is not full width


#1

When viewing in mobile previewer everything is fine but when viewing on my iPhone 6 in portrait view nothing is 100% width.

Read Only link:

https://preview.webflow.com/preview/memoryaero?preview=16a65dbf27c2db417b049a65a9685e18

I've read the following topics but still haven't found a solution:


This is only an issue in portrait view. If the issue is overflow, how can I find the offending element? If it's not an overflow issue what could it be?


#2

Hello @leejohnson

As you guess, this issue causes by some overflow. Object, which creates this overflow is "line" under the image with phone, it has width 451 px

For fix it, set overflow: hidden to column with class "center"

Regards,
Anna


#3

Great job finding it @sabanna ! :grinning: Those little details...


#4

Here I explained the technic that I am using for find the reason of overflow:

Always work fast and help to find even smallest details :slightly_smiling:


#5

Thank you very much @sabanna will definitely use it. Огромное спасибо!!!


#6

WOW! This is a great trick that I've never used before. By the way, I went with a 50% width instead and it solved a few other design issues as well.

Thanks for you help. You rock!


#7

Thanks Anna. I have just found my problem, in this case the screen was too big. All the code was fine, but I discovered an embedded video had code that was set to 833px... Changed it to 100% and problem solved!


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.