Menus don't work on mobile about programming.dojo.net.nz

[pyrmont]

@ioquatix It's buried in a footnote for the Safari on iOS listing in the compatibility table of the MDN page on :hover but tapping on elements won't trigger a :hover state in Safari on iOS unless that element is 'clickable'. The MDN page on the click event explains that elements that are 'clickable' are typically 'interactive' (e.g. <a> elements).

There are workarounds to make 'non-interactive' elements exhibit the same behaviour. The simplest (to my mind) is to set cursor: pointer; on the element (or any of its ancestors). The MDN page linked above lists some of the other options.