Site loads fine on everything EXCEPT Chrome (phone size)

Community resources General
1

Hey everyone!

I’ve checked my site on many browsers, and all seem to load fine, but Google Chrome when viewed on an iPhone. appears to load zoomed out

IMG_7478
IMG_74781179×2556 114 KB

It should look more like this…

should_look_like.PNG
should_look_like.PNG1170×2532 96.4 KB

This was built a mac using Webflow on Chrome, and (I know it’s likely simulated), but within Webflow the Phones sizes look(fine on my computer).

I’ve had a buddy who’s a coder look it over and he can’t seem to make heads or tails of it either.

Here’s the code to the Webflow…

https://preview.webflow.com/preview/910zen-2024?utm_medium=preview_link&utm_source=designer&utm_content=910zen-2024&preview=76134095f39912afc85dd865bdd9d779&workflow=preview

If anyone has any clues as to what’s happening, I’d love to hear.

Let me know you need anything else to figure this out.

Thanks!
Tait

2

No thoughts on this one?

3

@robertt8

On class sec-wrap-about try adding a setting of overflow hidden, I suspect that is what may be causing it though it is a bit hard to test that from my end as I can’t open inspect on phone

1 Like
4

Thanks Marko!

I tried it. It didn’t work. It actually created new issues.

I’m open to any other ideas.

It’s likely the odd…scroll down, to go horizontal, but I’m not sure. it’s weird how it works on some browsers at some sizes, but not others. The fact it’s actually built in Chrome on a Mac, and appears to work perfectly in the “phone” view, but fails once actually viewed on a phone is perplexing.