导航下拉菜单问题

下拉菜单不工作/出现

当鼠标悬停在菜单项上或查看网站的移动菜单时，导航下拉菜单有时不工作或不出现。有几个原因可能会导致这样的问题，我们将讨论。

菜单分配不当

通过转到，确保您正确分配了菜单外观 →菜单并检查当前的菜单，你已经分配为主要的一个。

“内容滚动选项”已启用

另一个常见的原因，特别是当下拉列表是在头建设者如果内容滚动选项已启用。

在头文件构建器上，如果您“检查”酒吧包含导航下拉元素，你会看到一个内容滚动选项，你可以转动在或从．切换此选项在使导航下拉菜单在用户视图中不可见。

若要查看此选项，请转到箴 →头然后单击包含有问题的导航下拉菜单的标题。然后去布局然后单击包含导航下拉菜单栏的放大镜图标。

一旦你点击它，你会看到内容滚动选择。默认情况下，它是打开的从但有时它是在不知情或有意的情况下转变的在．

如果你有一个导航下拉菜单，你需要关闭它。

潜在的JavaScript错误/冲突

阻止导航下拉菜单的另一种常见情况是JavaScript错误或冲突，这会导致页面停止执行JavaScript代码，从而停止下拉菜单功能。按照以下步骤排除故障:

• 首先，确保您使用的是最新版本的X或箴主题。要检查主题的版本，请转到X / Pro →验证。确保您更新了下面的主题这篇文章．
• 如果您正在使用X主题，请确保通过转到插件菜单，检查是否有一个更新链接在基石标题。如果是，请单击更新链接，以确保您将基石插件更新到与X主题兼容的最新版本。
• 如果你正在使用缓存插件，清除缓存。你可能需要参考你使用的缓存插件文档来知道如何做到这一点。
• 如果你正在使用一个缩小插件或你的缓存插件也缩小网站资产，如CSS和JavaScript文件，禁用缩小并检查结果。
• 如果您添加了自定义JavaScript代码X / Pro →主题的选择 →JS请确保您临时删除了代码，并查看这是否解决了问题。如果是，那么问题是由添加的JavaScript引起的。
• 如果您使用的是子主题，可以暂时切换到父主题，看看这是否解决了问题。如果是，那么在子主题的某个地方有问题，您可以进一步研究。
• 测试插件冲突。您可以通过禁用所有第三方插件来做到这一点，并查看问题是否仍然存在。如果它被修复了，你就会知道是一个插件导致了这个问题，你可以通过一次重新激活一个插件来缩小范围。如果您正在使用X主题，请保持Cornerstone插件处于激活状态。

潜在的CSS案例

下拉菜单的显示/隐藏过程是通过JavaScript语言完成的，但最终结果是通过更改折叠和展开版本中的下拉菜单的CSS实现的。现在，如果你有一个自定义的CSS代码添加到你的网站，它覆盖了自动生成的CSS代码，激活下拉菜单的过程可能是正常工作的JavaScript，但受到自定义添加的CSS的影响。在这种情况下，你需要检测你添加的自定义CSS代码，并删除代码来修复问题:

• 有问题的自定义CSS代码可能在X / Pro →主题的选择 →CSS。
• 有问题的自定义CSS代码可能在style.css将子主题切换到父主题来测试是否如此。
• 有问题的自定义CSS代码可能在内容构建器或基石内部的页面的CSS部分中。

总结

我们讨论了导航下拉菜单无法工作的问题及其背后的可能原因。我们还讨论了查找原因的故障排除步骤。最后，如果您仍然有问题，请联系我们的支持团队，我们将很乐意提供进一步的帮助。