Streaming live at 10am (PST)

Webflow Mobile Design and actual Mobile design differ


#1

Hello,

i'm fine tuning the mobile version of my site.
i've tested it on mobile and with Chrome (with the mobile simulation)
and the design actually differ from what i see in webflow.

For example the footer should be 4 columns, 2 by 2 on top of each other,
but for some reason it does not.

I can't find the reason why. any clues?


P.S. : I've removed the loader for the moment, it can take some time with slow connections.

Public link
https://preview.webflow.com/preview/fornini?preview=4838e0ab5779c526a9ca748394879f1f
Online version
http://fornini.webflow.io


#2

When addressing the mobile portrait breakpoint, you have to make sure it behave like you've designed it for the various screen sizes of the existing smartphones. You may not have realized you can do that by dragging the handle on the right side of the viewport. Webflow Designer even tells you what width are the most popular and for what devices.

Watch here:

https://v.usetapes.com/u2s7AOi7xL


#3

Dear Vincent,

Did that already, tried yesterday for more than one hour to overcome that problem.
While i tried to set the table look properly for mobile version it wouldn't correctly show while testing live.
Now for some strange reasons, it exactly displays the design as it should.

It's a great mystery...

Nevertheless, Thanx for the quick reply and the video, i appreciate!


#4

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