Device resolution detection


we have a responsive layout issue. However I guess many ppl. have met this kind of issue:

We have the following responsive resolution settings:

Desktop (> 1260px)

Tablet Landscape (1024px - 1260px)

Tablet Portrait (768px - 1023px)

Mobile Landscape (480px - 767px)

Mobile Portrait (< 479px)


The problem is, more and more devices have built in huge resolutions like phones and tablets even on portrait formats with over 1000px width, but as you know the tablet and phones have a braking point, where it is changing form portrait to landscape.

There is any plugin or trick to solve this?

Looking forward your advice :slight_smile:


Best regards,