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

Question

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

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

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

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

2. 首先重命名原始店面主题文件夹，停用店面主题并用wp-content\themes 文件夹中的新下载副本替换它。

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

但是，问题仍然存在，但在切换到另一个主题（如 Classy Lite）时问题消失了。有谁知道我该如何解决这个问题或在哪里看？我还附上了响应式菜单在工作和不工作时的样子的屏幕截图：

• Responsive Menu Not Working (768 - 1060 pixels)
• Responsive Menu Working (767 pixels and below)

UPDATE-EDIT-1：

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

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

UPDATE-EDIT-2：

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

UPDATE-EDIT-3：

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

Answer 1

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

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