调整jquery以更正响应式导航面板

时间:2014-01-13 21:56:46

标签: jquery html media

我正在创建我的第一个响应式网站,并通过侧面板导航进行一些学习曲线...我实际上在stackoverflow上找到了一些代码,而不是我在网上找到的膨胀插件。

这是临时网站。 http://streamlinebuilderscorp.com.216-70-85-163.messtudios.com/

问题是,当您调整浏览器的大小时,移动导航显示的大小为690px ..并且一切似乎在iPhone上工作正常但在桌面上如果您打开移动侧导航然后再调整浏览器大小690 css媒体查询隐藏了面板,它不会重置主导航栏。

我很欣赏高级的帮助。如果需要的话,我也可以做一个小问题。

  • 我认为修复此问题的逻辑将是一个jquery,如果调整大小超过690执行关闭点击事件但似乎无法让它工作。

谢谢, -Muhu

1 个答案:

答案 0 :(得分:0)

不需要JavaScript。向容器添加覆盖样式:

@media (min-width: 690px) {
    #container {
        margin-left: 0 !important; /* overrides inline styles */
    }
}