Big difference between Mobile Preview and Mobile Reality!

Hello Everyone,

I just finished the general layout of a page and I made, sure during the process, to make it appear nicely on the mobile version… with the preview button to check…

Well, testing it on my iPhone and it’s looking horrible !!!

How can I even debug it if the Webflow Preview is not reflecting the reality…
Any tips ?


Here is my public share link: https://preview.webflow.com/preview/m-motion?preview=20cffdbd8c36f57bbff2b9957f9709be

Make sure to not use any fixed measurements for width or height anywhere in you mobile version. Hope this helps. :wink::grinning:

This is pretty common honestly. I stopped using the webflow preview for mobile because different devices will always render your site differently. I simply test toward the end on my phone and go back and fix whatever gets broken. Usually it isn’t too wonky though. Perhaps Vlad figured out your issue.

Thanks for your tip @VladimirVitaliyevich . I was actually an Overflow problem.
@DFink I sarted to use your method… longer but at least you don’t have any bad surprise !

1 Like

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