My iPhone 11 Pro Max displays tablet version of website instead of mobile landscape version

Dear all,

I discovered that my iPhone 11 Pro Max uses the tablet version (991px and down) of my website instead of the mobile landscape version (767px and down) when using it in landscape mode. I really want everyone with large smartphones to view the mobile landscape version of my website instead of the tablet version of my website. Could anyone please let me know how I can solve this problem?

Thanks in advance. I really appreciate it.


Break points are triggered by viewport size. You can’t customize breakpoints. You can write custom CSS to further manipulate element settings based on supported media queries that you create.