Html 单击图标后不显示汉堡菜单。我能做什么？

我遇到了一个问题，因为我试图使用汉堡包菜单不仅对移动设备，而且对所有最大1100px的设备。我正在使用shopify首秀主题。起初一切都很顺利。我看到了汉堡包菜单，可以点击它。但只要我的窗口的像素数在750到1100之间，我就可以点击汉堡图标，但什么都没有显示。这看起来像。 相反，它应该看起来像

在我的theme.css中，我已经将

@media-only屏幕和（最大宽度：750px）

更改为1100px，将

@media-only屏幕和（最小宽度：749px）

更改为1099px。这使得汉堡图标出现了。但现在我遇到了障碍。我不知道我错过了什么

非常感谢您的帮助。谢谢

以防您需要以下任何一项：

我的网站URL：（没有机会访问@media，因为它是实时版本，我不想发布不起作用的内容）

是已编辑的

theme.css

文件（带有更改）。 是使用的

theme.js

文件。

---

是已编辑的

标题.liquid

文件。

汉堡没有显示的原因是由于theme.css中的行号800

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

---

非常感谢！这对我很管用。我真的很感激你花时间来解决我的问题。没问题：），很高兴它对你有用！