hoverするとメニューが現れる、というCSSを作っていて最近までスマホのタップでも正常に動作していたはずなのですが、突然（ではないんだろうけども・・・）スマホで動作しなくなりました。
調べてみると、タッチさせる要素に
ontouchstart=""
とHTMLに書くといいらしい。
<div class="box" ontouchstart=""></div>demo タッチさせる要素に `ontouchstart=""`と指定する。 これを指定しないとタッチでは:activeと:hoverは反応し...qiita.com
これで動きました、めちゃめちゃハマった・・・orz