Mobile 隐藏手机上的引导子菜单

我在Wordpress中使用导航器启用下拉菜单，一切正常。我想弄明白的是，有没有一种方法可以禁用手机上的下拉列表，也许可以使用媒体查询

我想这样做的原因是因为有很多页面和一些链接在第三层，从手机屏幕上飞出。顶层导航有指向子菜单项的链接，因此在手机中，我只希望显示顶层项，并禁用子菜单的显示

---

另外，我没有使用带图标的导航折叠，因为我不想在这个项目上使用它。

是的，可以通过媒体查询来完成。这一目标是移动设备：

@media only screen and (max-width: 480px), only screen and (max-device-width: 640px) {
    .navigation {display:none;}
}

当然，现在你必须留意屏幕的大小。另一种解决方案是使用JavaScript，并检查userAgent：

if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android|BlackBerry|webOS|Windows Phone)/i)) {
    // I'm a mobile :-)
}

---

非常感谢Eric，使用您的代码片段，它工作正常，我使用：@media only screen and（最大宽度：480px）、only screen and（最大设备宽度：640px）{ul.nav li.下拉：hover ul.下拉菜单{display:none；}