Greetings webflow community… I am hoping you can steer me in the right direction, I am having a really hard time trying to figure out why my design looks fine in the designer for portrait and landscape mobile views, but not on my actual phone (iPhone).
I have attached screenshots of what it looks like in the designer, and on my phone. I tried to change all the pixels to percentages, and everything else I can think of. Not sure if it’s an issue I’m not understanding with flexbox or what. I have tried messing with z-index, and wrapping children etc. Maybe the issue is with the action? I’m stuck… I am using chrome on windows 10, and chrome on iPhone 6 plus.
Also please note that my site is live with just the coming soon page, so all of the regular site pages are in the InProcess folder.
Thank you so much for your help (I hate being a newbie)!
Here is my public share link: [https://preview.webflow.com/preview/vinedining?preview=a39bb1d353e3da171c3c9d6ef463e06b]
Here is my live site link of the same page: