search

Orbiit / gunn-remake

Gunn website redesign
https://orbiit.github.io/gunn-remake/
MIT License
2 stars 1 forks source link

Navigation bar no está worky #3

Closed SheepTester closed 7 years ago

SheepTester commented 7 years ago

I am on the iPad and by touching the items.... IT NO WORKY

That might be because it doesn't have a tabindex or something. Maybe I'll have to use some JAVASCRIPT 😮

Phones probably won't experience this issue because there's already JavaScript for the menu button that appears thanks to the "responsiveness"

SheepTester commented 7 years ago

Maybe it's because the hover effect doesn't work well for touch users; the menu button indeed works but accessing the submenus doesn't

heaucques commented 7 years ago

Really

Is it a problem with psuedo elements?

SheepTester commented 7 years ago

@Velosify no I'm pretty sure it has to do with the :hover

Buttons and links work, though I'm not sure if it's because they're expected to be clickable or if it's because I also specified :focus

heaucques commented 7 years ago

On mobile there is no such thing as :hover That may be why not sure whether :focus helps or makes the problem worse

SheepTester commented 7 years ago

:focus helps most likely

On Windows 10 touch does trigger :hover; maybe I can make a very hacky fix and give everything a "hover" class if an element is tapped on. That'll make all my CSS ugly, but whatever

heaucques commented 7 years ago

Any way to target only mobile? maaaaaybeeeee?

SheepTester commented 7 years ago

That's a terrible solution. What about touch screen computers?

heaucques commented 7 years ago

True So just more failsafes

SheepTester commented 7 years ago

oops I thought this was the <a> issue