iOS上的双击菜单

Question

I created a web in wordpress with "Moco WP" template. It works ok on Windows and Android devices, but when I try to see it on iOS (iPhone) I have to click menu twice to make it work. This issue happens with Chrome and Safari. I upload a picture of the problem for you. Thanks! Example

Answer 1

in /moco-wp/css/style.css remove this part

header nav li a:hover:after {
  width: 100%;
}

you can move that to a media query to target only devices that can hover

@media (any-hover: hover) {
  header nav li a:hover:after {
    width: 100%;
  }
}

if you want the same functionality, you can attach to the touchstart event of the links and apply a class as soon as you touch down on them