隐藏TinyNav子菜单

时间:2014-09-23 13:15:22

标签: javascript css drop-down-menu menu submenu

我在我的网站上使用TinyNav,效果很好,但我们有一个深层菜单系统意味着tinynav下拉是巨大的。 我一直试图找到隐藏所有子菜单的方法,但无济于事。

我尝试过使用媒体查询,例如:

@media screen and (max-width: 800px) {
#tinynav1 > li > ul > li, #tinynav1 > li > ul > li > a {
display:none
}
#tinynav1 > li > ul {
display:none;
}
}

1 个答案:

答案 0 :(得分:0)

我在这段代码中唯一能看到你应该做的事情就是没有(;)之后的semikolon。 但是更少的代码太帮助你了:) 你有这个页面的链接吗?或者您可以在http://jsfiddle.net

上构建导航
@media only screen and (max-width: 800px) {

    #tinynav1 li ul li, #tinynav1 li ul li  a {
       display:none;
    }
    #tinynav1 li ul {
       display:none;
    }

 }