Variations in Mobile Version Spacing

Design help General
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

441×727 183 KB

Web flow Editor
1080×1920 454 KB

My mobile device

Page - Is World Oil Peaking?

414×852 581 KB

Web flow Editor
1080×1920 2.45 MB

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.

1 Like
3

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