iOS上的双击菜单

Question

我在Wordpress中使用“ Moco WP”模板创建了一个网站。它可以在Windows和Android设备上正常运行，但是当我尝试在iOS（iPhone）上看到它时，我必须单击两次菜单才能使其正常运行。 Chrome和Safari会发生此问题。我为您上传了问题的图片。谢谢！ Example

Answer 1

在/moco-wp/css/style.css中删除此部分

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

您可以将其移至媒体查询，以仅定位可以悬停的设备

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

如果您想要相同的功能，则可以将其附加到链接的touchstart事件上，并在触摸它们时立即应用一个类