Hi, it seems to an ongoing issue that the iPad Pro screen size does not fit within the tablet breakpoints provided in xTheme and cornerstone. Due to this, I am having a problem with how many of my pages look on a tablet. Is there a way to include the check if the device is a mobile, and increase the screen size to cover the iPad pro within the CSS and make that the global breakpoint for the tablet? I need to add/remove the column, and row visibilities based on these breakpoints want the tablet and laptop sites to be the same viewing experience.
Below is a breakpoint example. Would something like this work and be able to be implemented as part of the main table breakpoint:
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.fullwidth-menu {max-width: 85% !important;}
}