Hey CSS nerds, I have this weird glitch that has started happening. I built a site a while back that uses a custom cursor with JS, so the default cursors get hidden.
On touch devices it shouldn't show at all. And I think on my old phone that was the case. But now I have a new android its behaving like it's desktop.
Plus I just visited this site from my phone and that is showing me the wrapper that should only be for desktop. (Yellow, hoverable)
https://css-irl.info/detecting-hover-capable-devices/
The site I built is:
https://andreas-olesen.tumblr.com/?param=visible
And here's a screenshot.
The CSS solution is supposed to be
@media (hover: none) {
display: none;
}
Any pointers (HAHAHAHAHA)


