Streaming live at 10am (PST)

Variations in Mobile Version Spacing


#1

The mobile version of my webpage, Catalyst, is appearing differently on the mobile preview I'm editing on Webflow versus the actual look on my mobile device. I'll show some screenshots

read only link - https://preview.webflow.com/preview/catalystoil?preview=f398a0b9e27fe9422e454522ef4733ff

Current Published Site - catalystoil.webflow.io/

Browser type - Safari and Google Chrome

Page - How much oil & gas is left


Web flow Editor

My mobile device

Page - Is World Oil Peaking?


Web flow Editor

My Mobile Device

My mobile device is a Samsung Galaxy Note. Could the size of my phone be affecting this more? Does the mobile version look correct on an Apple Phone?

Thanks for whoever can help!

-Katie


#2

You can use the canvas re sizer to evaluate how your design will look on other devices. You have set a fixed height on your columns which is what is causing the problems. Go through and remove the height so that the original "auto" cascades from the desktop to the other devices.


#3

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