下拉菜单没有保持打开足够长的时间来点击

Question

我整天都在努力解决这个问题——我正在开发一个基于 Woocommerce 的电子商务，因此拥有一个大型菜单是可取的。通常，当我开始一个新项目时，我会以主题的准系统版本作为起点。我已经在这个准系统主题上实现了一个大型菜单（带有 walker），它运行良好。

当我将鼠标悬停在触发器上时，应该会显示菜单，然后用户可以单击下拉菜单中的链接。

由于某种原因，网站“真实”版本中的下拉菜单不起作用。下拉列表显示，但一旦您尝试将鼠标移动到链接，它就会消失。

可以在此处的演示 URL 上看到该网站：http://demo.imaginaire.co.uk/covercraft/

非常感谢一些帮助，因为我觉得我的头撞到了墙上！提前致谢！

Answer 1

问题在于悬停触发器 (.dropdown-toggle) 和实际菜单之间有大约 15 像素左右的空间。这意味着，当您将鼠标移动到菜单中时，它会在经过 15 像素空间时悬停在下拉切换元素之外仅一秒钟。

解决方案取决于几件事，即如果您使用的是可以直接编辑的主题（或需要制作子主题），或者您是否可以稍微编辑 HTML 结构。但是，为了演示一个非常快速的解决方案，您可能只需将其添加到您的样式表中：

.yamm .dropdown.yamm-fw .dropdown-menu{top:40px;}

这具有将该下拉菜单向上移动以与下拉切换的底部齐平的净效果，因此您可以对其进行演示并查看它现在是否有效。但是，这可能不是问题的最佳解决方案，我们可能需要更多信息才能为您提供具体解决方案。