Mobile Layout Different Once Published

[Matt_W]

Hi All,

Was wondering if I could get some help with a mobile layout issue I’m having. When I"m in designer the imagery and text is close together with minimal gap, but when published this large game is created(screenshots attached). Can anyone help me out with what might be causing this please?

published page: https://nossa-8a5358.webflow.io/mexican-wines

Read only designer link below.

Thanks
Matt

---

Here is my site Read-Only: [LINK](https://preview.webflow.com/preview/nossa-8a5358?utm_medium=preview_link&utm_source=designer&utm_content=nossa-8a5358&preview=a67ca7b95dab8f7fad8f1efdd508f49b&pageId=629a756a0d9a84845807c70e&workflow=preview)
(how to share your site Read-Only link)

[austin (Austin Thesing)]

Hey! I believe it has something to do with one of your scroll animations. Here’s a video showing what I found: Walkthrough

If you have toggle live preview on for your scroll animations you can see exactly what they will look like in the browser when you scroll in the designer.

[Matt_W]

Wow thanks Austin! That makes perfect sense. Thank you for making a Loom video so it was easy to see as well.

You’re a lifesaver!

[austin (Austin Thesing)]

Hey glad that solved it for you! Happy to help!