有问题的网站：http://www.mtthwbsh.com
我正在为这个网站构建一个可折叠的导航，并注意到它在折叠后，如果你展开并收回它并再次放大窗口，导航就会消失。我尝试更改显示以阻止我的媒体查询但我认为jQuery覆盖它。知道是什么导致了这个吗？
另外，我想点击时箭头旋转180度，我该如何定位？我的jQuery如下：
/* toggle nav */
$("#menu-icon").on("click", function(){
$(".nav").slideToggle();
$(this).toggleClass("active");
});
答案 0 :(得分：0)
$(".nav").slideToggle();似乎将导航保持在display:none;状态。当您尝试在媒体查询中设置display:block;时，是否使用了!important？
修改
如果您的屏幕尺寸小于570px需要切换，那么您需要确保在任何大小超过570px的情况下，它将在CSS中设置以显示：block;
@media (min-width:571px) {
.nav { display:block!important; }
}
这应该足以覆盖显示属性。
答案 1 :(得分：0)
在style.css中，行号。 1015，用于max-width:820px
@media (max-width: 820px)
