Hi everyone,
I’ve run into an issue with device detection in Readymag and would love some help or advice.
My project has three layouts (desktop, tablet, mobile). However, when viewed on an iPad in landscape, Readymag automatically loads the desktop version, even though the device is touch-based.
That’s problematic because the desktop layout includes fixed animations that don’t work at all on touchscreens.
Ideally, I’d like all touch devices (including iPads and Android tablets in horizontal orientation) to display the tablet version instead of desktop.
I understand Readymag bases its layout choice purely on viewport width, not device type. But since an iPad Pro in landscape is 1366 px wide, it always triggers desktop.
I’d love to know if anyone has found a reliable way to:
-
Detect touch devices and serve the tablet layout (even above 1024 px width), or
-
Adjust breakpoints or embed custom code to redirect tablets to the tablet version.
Has anyone implemented this successfully or found a clean workaround that doesn’t break laptop views (which are often also 1366 px wide)?
Thanks so much!