Hello! I’m not sure if this is actually a problem, but I hope there’s a workaround anyway.
I included a few hover effects in my portfolio website. However, when using a tablet or phone and clicking on something with a hover effect, the element remains in the “hover” state until you click something else. Since this happens, I’m disabling/changing the “hover” state of the elements for the tablet/phone versions.
The problem is that the iPad loads the desktop website instead of the tablet one when in landscape mode, and that screws things up a bit! I know the version of the website that is loaded depends on the screen size of the device, so is there a way to control the minimum resolution required to load each version of the website (desktop/tablet/phone)?
If not, is there some other way to fix a device loading the incorrect website version?