Forum looks weird on iPad Pro 10.5" in portrait

[XIII]

This forum looks weird on an iPad Pro 10.5" in portrait (left image), compared to my old iPad 4 (right image; the "ads" are on the bottom there):



Can this be improved?

 

[RMerlin]

I assume that SNB's responsive design doesn't get triggered as being a mobile browser, either due to the larger size of the tablet, or the browser requesting the desktop version instead of the mobile version.

@thiggins , see if your theme allows you to select a minimal width for the desktop version, and if so, try enlarging it a bit (not sure what's the page width used by the iPad Pro 10.5" tho). I'd suggest trying a min width of 1024 for the desktop mode.

 

[sfx2000]

the iPad Pro 10.5 has a different screen resolution compared to the classic iPad Retinas...

2224*1668 <-- ipad Pro 10.5
2048*1536 <-- normal iPad Retina

I think the UserAgent at the moment still says iPad... the templates probably need to be updated.

 

[sfx2000]

This forum looks weird on an iPad Pro 10.5" in portrait (left image), compared to my old iPad 4 (right image; the "ads" are on the bottom there):

To help out - what happens in Landscape mode?

 

[RMerlin]

the iPad Pro 10.5 has a different screen resolution compared to the classic iPad Retinas...

2224*1668 <-- ipad Pro 10.5
2048*1536 <-- normal iPad Retina

I think the UserAgent at the moment still says iPad... the templates probably need to be updated.

Responsive designs tend to rely on the browser's width rather than user-agent tho. Give it a try on your desktop, reduce this window' width - when you get below a certain width, you will switch into "mobile" mode.

 

[System Error Message]

you should get a real tablet instead, not a low quality pretending to be real *cough* apple *cough*
The problem could just be the styling on this site or the elements being resolution dependent rather than screen space based. Real tablets use chrome, not safari.

 

[XIII]

To help out - what happens in Landscape mode?

In landscape the layout is almost the same on both iPads; the "ads" are on the right, but there is "enough" space for the real content.

 

[sfx2000]

Responsive designs tend to rely on the browser's width rather than user-agent tho. Give it a try on your desktop, reduce this window' width - when you get below a certain width, you will switch into "mobile" mode.

The new resolution on the iPad Pro 10.5 is just wide enough in portrait mode to trigger the behavior noted by @XIII - that difference of 132 pixels is enough for the sidebar to be displayed.

Not sure where a potential fix would be implemented - would be for the theme author to check the css and tweak if needed.

 

[sfx2000]

you should get a real tablet instead, not a low quality pretending to be real *cough* apple *cough*
The problem could just be the styling on this site or the elements being resolution dependent rather than screen space based. Real tablets use chrome, not safari.

Has nothing to do with Safari or Chrome - it's the screen size that is triggering the 'glitch', and can be reproduced with any browser.

 

[System Error Message]

Has nothing to do with Safari or Chrome - it's the screen size that is triggering the 'glitch', and can be reproduced with any browser.

i know but its just so juicy to bite at apple, their hardware design has been terrible (i mean board design for example).