Curious if anyone can suggest a method for adding a pure css “click” function for the code sample below. The example consists of a slide out panel activated on :hover. It works fine on desktop browsers, but fails to function on iOS touch devices… resulting from the lack of :hover support. ANy guidance is much appreciated. Thank You.
Yeah, using `:focus` whenever you use `:hover`, as @ChrisP said, will work. I would consider removing the hover interaction and replacing it with a click though. Not only will that work on all devices, but it also guarantees intention.