WordPress店面主题中的响应式菜单不会折叠

Question

我有一个问题，在我将WooCommerce更新到最新版本4.1.1后，今天才开始，但该问题似乎与此更新无关。中间屏幕尺寸(平板电脑模式：768 - 1060像素宽度(的响应式菜单不会折叠，但适用于最小的屏幕尺寸(移动/手持模式：767及以下像素宽度(。出现问题时，调整窗口大小后，菜单开始展开，单击菜单按钮时不会折叠，但是当将浏览器大小进一步缩小到 767 像素时，菜单将恢复正常。这是网站。我今天还启用了 Jetpack 并添加了 Stripe 付款方式，但想不出任何其他可能导致这种情况的原因。我没有使用任何WordPress缓存管理插件。我正在使用使用其他 css 和 php 中的一些更改创建的自定义storefront-child主题，但默认店面主题仍然出现问题，没有更改。到目前为止，除了这个问题之外，一切都运行良好。

到目前为止，我已经做了以下工作：

1. 使用以下步骤将WooCommerce从4.1.1降级到4.1.0：

   a( 停用WooCommerce插件(不要在管理面板中删除Woo-Commerce插件(。
   b(下载您要降级的WooCommerce版本(插件网址(。
   c( 通过FTP或主机面板登录到您的主机。
   d( 浏览到 wp 内容/插件。
   e( 您将看到 wooCommerce 目录。
   f( 将现有的 wooCommerce 目录替换为新提取的目录。
   g( 激活 WooCommerce 插件。

停用店面模板，

2. 并通过首先重命名原始店面模板文件夹，将其替换为wp-contentthemes文件夹中新下载的副本。

3. 从自定义子模板切换到默认替换的店面模板。
4. 停用所有插件。
5. 每次更改后都在 Chrome(隐身窗口(中进行测试。

但是，问题仍然存在，但是切换到另一个主题(如Classy Lite(时，问题消失了。有没有人知道我如何解决这个问题或在哪里寻找？我还附上了响应式菜单在工作和不工作时的外观的屏幕截图：

• 响应式菜单不起作用 (768 - 1060 像素(
• 响应式菜单工作(767 像素及以下(

更新-编辑-1：

作为参考，以下是店面用于创建三种屏幕尺寸的 CSS：

@media (min-width: 768px) {
/* ===== FULL SIZE SCREEN ===== */
}
@media (max-width: 66.4989378333em) {
/* ===== TABLET SCREEN ===== */
}
@media (max-width: 568px) {
/* ===== MOBILE SCREEN ===== */
}

更新-编辑-2：

好的，所以我现在看到菜单按钮在第二个屏幕尺寸(最大宽度：66.4989378333em(上不起作用的原因是因为导航菜单功能实际上并不在 CSS 后面，我在应用默认店面主题时可以看到(没有出现菜单按钮(。所以我猜有一个 PHP 文件我需要找到并播放，以尝试恢复响应式菜单按钮@media (max-width: 66.4989378333em)。也许某些更改导致WordPress数据库保留了店面主题中的旧值，如果我发现如何在PHP中切换更改，它可能会重置？

更新-编辑-3：

我现在知道问题出在哪里了。这是两个媒体查询重叠的地方，介于 768px - 1063px (66.4989378333em( 之间，所以事实证明它与 CSS 相关。

Answer 1

我不确定是什么导致了这个问题，似乎可能是发生了主题更新。 但我想我找到了解决方法。 将其添加到主题的自定义 CSS 中。

@media (min-width: 1063px)
.primary-navigation {
display: block;
}