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:
Hi, I just previewed my site on iPhone 6 and the site doesn’t run full width - how can I fix this? mobile portrait
Reading time: 1 mins 🕑
Likes: 2 ❤
I’ve set my nav to be 100% but when I look at it on my desktop it isn’t expanding to the full width of the page. https://preview.webflow.com/preview/os-voices?preview=e231e45117acb5e3d0ab93d47d78ee15
Reading time: 1 mins 🕑
Likes: 2 ❤
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?
sabanna
(Anna)
April 4, 2016, 12:37am
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
2 Likes
Great job finding it @sabanna ! Those little details…
sabanna
(Anna)
April 4, 2016, 3:15am
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
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
Hywel
(Hywel)
April 22, 2016, 9:43am
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!
1 Like
system
(system)
Closed
June 22, 2016, 6:43am
8
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.