Mobile Landscape uses Desktop Breakpoints

Design help General
1

Hello,
I have a simple issue with this site I am working. Everything looks great in the designer.
But on the physical iPhone, the Landscape orientation uses Desktop Breakpoints instead of mobile landscape.
Is there something I did wrong in the designer, Is there a way to work on this? Do I need custom code?

Thanks.

Here is my read-only link and actual site

https://preview.webflow.com/preview/studiominardi?utm_medium=preview_link&utm_source=designer&utm_content=studiominardi&preview=52b2439216d1b010cb12951c9a26d8c6&mode=preview

https://studiominardi.webflow.io/

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Webflow uses media queries not device detection. The breakpoints are defined in the designer. Some iPhone viewport dimensions are larger then the breakpoints defined for mobile, thus the issue. Custom media queries can be used.

3

Thanks for your reply. Does custom media queries means custom code to redefine the breakpoints?

Webflow isn’t making sense to not use iPhone as mobile website standards when the discipline of web design, UX Design have solid foundation with the Apple OS…

4

Webflow built its core media queries based off Bootstrap’s. Lots of devices exist today that didn’t then. Custom code is always an option but you can’t add cost om breakpoints in the designer.