Deployed Mendix App: iPad Pro Incorrectly Blending Desktop and Tablet Layouts

0
Hi, My web app works perfectly on iPad Pro (11-inch & 12.9-inch) in local preview, but after deployment, these devices incorrectly display a desktop and tablet layout in same time , breaking the UI. I've checked cache, navigation profiles, responsive properties, and custom CSS. Any ideas why iPad Pros are misidentified after deployment, causing this rendering issue? Thanks!
asked
3 answers
0

Hi, I get the same problem in 10.24.1. The layout seems fine in portrait and landscape on many different tablets and phones, but with iPad Pro on the desktop emulator and when viewed on my Samsung A9+ (both in landscape), many elements of the layout are missing.

 

Is this a bug?

answered
0

Hi, I fixed this issue by changing the default large screen size to 1400px in custom-variables.scss:

 

$screen-lg: 1400px !default;

 

answered
0

Something that I also ran into is that ipads by default request desktop websites in the Apple Settings, you can fix this in the settings:

 

Make sure that you have "Request Desktop Website" turned off in Settings. Go to Settings > Safari > Request Desktop Website. This will make sure you always request the tablet version of a webpage (if that's what you're aiming for)

answered