Unusual behaviour on mobile view ⚠️

Hey y’all!

In the past couple of days I’ve been working on the mobile version of my website and I’m getting some really weird behaviours once I publish the site and view it with a smartphone!

Two main issues occur when viewing the site from an iPhone:

  • the drawing on the further right is not displayed, it just disappears
  • the orange blurry div on the background turns green ?!?

I really can’t wrap my head around why this is happening especially because if I inspect from my desktop and I give it a “mobile view” all these issues do not happen…

Anybody can help me out?

Here is my site Read-Only: Webflow - MRFAN

Here’s the website from an iPhone:

Here’s with the mock iphone from Chrome Inspect:

Up, anybody out here can help me debugging?

@zaccadigi looks like the orange blur background has been fixed. for the image not appearing, you can try adding a width: 100%.

1 Like

Thanks for the heads up Denny!
Unfortunately, this did not work…

are you animating these? what is the purpose of everything being separate? Why don’t make everything just one big image? Also I would use percentage base scaling here rather than em’s

1 Like