我一直在努力解决这个问题 - 我正在开发基于Woocommerce的电子商务,因此需要一个大型菜单。通常,当我开始一个新项目时,我将主题的准系统版本作为起点。我已经在这个准系统主题上实现了一个大型菜单(带步行器),它工作正常。
当我将鼠标悬停在触发器上时,菜单应显示,然后用户可以点击下拉菜单中的链接。
出于某种原因,网站“真实”版本的下拉列表不起作用。下拉列表显示,但只要您尝试将鼠标移动到链接,它就会消失。
可以在此处的演示网址上看到该网站:http://demo.imaginaire.co.uk/covercraft/
我会非常欣赏一些帮助,因为我觉得我正撞在墙上!提前谢谢!
答案 0 :(得分:0)
问题是悬停触发器(.dropdown-toggle)和实际菜单之间大约有15个像素左右的空间。这意味着当你移动鼠标将其移到菜单中时,当它经过那个15像素的空间时,它会在下拉切换元素中徘徊一秒钟。
这个解决方案取决于一些事情,即如果您使用的是可以直接编辑的主题(或者需要制作子主题),或者您可以稍微编辑HTML结构。但是,为了演示非常快速的解决方案,您可以将其添加到样式表中:
.yamm .dropdown.yamm-fw .dropdown-menu{top:40px;}
这具有将下拉菜单移动到与下拉切换的底部齐平的净效果,因此您可以演示它并看到它现在可以正常工作。但是,这可能不是问题的最佳解决方案,我们可能需要更多信息来为您提供具体的解决方案。