Hello, allow me to explain my situation in more detail.
I have three versions of my site's homepage. One for higher resolution screens (1600 width or higher) one for lower res screens (below 1600 width) and one for tablets. Now you're probably wondering, why the hell is that necessary? Well, it's complicated and rather than get lost in the backstory, I want to stay focused on the main issue:
I want create a page before the homepage (let's call it a pre-homepage) that says: "for optimal viewing please choose your device" and then have two linked buttons one that says "Desktops and Laptops" and the other "Tablets". I want the "Desktops and laptops" button to automatically detect the user's screen resolution and redirect them to the appropriate page. I've tried searching for example code on google and all the examples haven't worked.
I would very much appreciate any help I can get on this. Thanks!