Preview on desktop is great, but mobile view is garbage

Hey all. I’m working on a website’s loader animation right now, and I’m getting a ton of issues with the mobile and landscape views. Desktop works perfectly.

Anyone know why I’m getting these issues?

Thanks a bunch.


Here is my public share link: Webflow - Eliza Travel and Beyond- Travel Blog

Live Site is https://eliza-travel-and-beyond-travel-blog.webflow.io/

On mobile (especially phone horizontal) your 100vh settings are going to cause issues. I recommend using a fixed pixel height on these elements. Then resize your content within those divs.

You currently have 318 px margin on “links-div”. This will display poor results on mobile views by pushing the elements out of view.

1 Like

That was a huge help, thank you.