Site on mobile device in portrait view is not full width

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?

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

2 Likes

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

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 :slight_smile:

1 Like

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

1 Like

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!

1 Like

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!

1 Like

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