单击图标后不显示 Hamburgermenu。我能做什么？

Question

我运行遇到了一个问题，因为我试图将 hamburger-menu 不仅用于移动设备，而且用于最大 1100px 的所有设备。我正在使用 shopify 首次亮相主题。起初一切都很顺利。我看到了 hamburger-menu 并且可以点击它。但是只要我的 window 的像素数为 750 到 1100，我就可以点击汉堡包图标，但没有任何显示。这看起来像 this (between 750 and 1100px)。相反，它应该看起来像 this (below 750px).

我已经将 theme.css 中的 @media only screen and (max-width:750px) 更改为 1100px，将 @media only screen and (min-width:749px) 更改为 1099px，几乎每个 header class。这使得汉堡图标出现了。但现在我遇到了障碍。我不知道我在这里错过了什么。

非常感谢任何帮助。谢谢！

以防万一您需要这些：

我的网站URL：www.snow-pearl.com（@media 没有任何机会，因为它是实时版本，我不想发布不起作用的东西）

Here 是编辑后的 theme.css 文件（有更改）。 Here 是使用的 theme.js 文件。 Here 是编辑后的 header.liquid 文件。

Answer 1

您的汉堡未显示的原因是 theme.css

中的第 800 行

@media only screen and (min-width: 750px){
    .medium-up--hide {
        display: none !important;
    }
}

单击图标后不显示 Hamburgermenu。我能做什么？

Hamburgermenu not showing after clicking on the icon. What can I do?

html

css

header

shopify

hamburger-menu