Need help with Mobile view not displaying properly on staging website vs designer

Guys I’m getting super frustrated and have ready alot of help topics but can’t seem to get my website to work properly when I view the staging website on my iphone. It shows some elements are squished and others go beyond the viewport making horizontal scroll. The more I try to fix it the more I think I am messing it up. I am still a noob so your patience is appreciated.

The thing is it looks perfectly fine when I am in the designer. Everything is responsive down to the NES size lol. I have no idea what is wrong.

I would really appreciate if someone can help me. I keep deleting stuff and starting over and I am at my wits end.

[Webflow - Beast Recordings](https://Ready Only Link)

Staging Link to Preview on actual Phone

hi @Nick_Devenport

  1. set your page-wrapper as block instead inline-block
  2. set your main-wrapper as block instead flex

hope this will help you to solve your request

1 Like

That was definetly the problem. Why are you so cool dude, you made my day thanks man!