我遇到了一个问题，因为我试图不仅在移动设备上，而且在所有最大1100px的设备上使用汉堡菜单。我正在使用shopify的首秀主题。起初一切都很顺利。我看到了汉堡菜单，可以点击它。但只要我的窗口像素数为750到1100，我就可以点击汉堡图标，但什么都没有显示。这看起来像这样(在750到1100像素之间(。相反，它应该是这样的(低于750px(。
我已经在theme.css中将@media only screen and (max-width:750px)更改为1100px，将@media only screen and (min-width:749px)更改为1099px。这使得汉堡图标出现了。但现在我遇到了障碍。我不知道我在这里错过了什么。
非常感谢您的帮助。谢谢
以防万一你需要这些：
我的网站网址：www.snow-pearl.com(没有任何机会访问@media，因为这是实时版本，我不想发布不起作用的内容(
这是经过编辑的theme.css文件(有更改(。这是使用过的theme.js文件。这是经过编辑的header.liquid文件。
你的汉堡没有显示的原因是因为theme.css 中的行号800
@media only screen and (min-width: 750px){
.medium-up--hide {
display: none !important;
}
}