我在我的网站上使用TinyNav,效果很好,但我们有一个深层菜单系统意味着tinynav下拉是巨大的。 我一直试图找到隐藏所有子菜单的方法,但无济于事。
我尝试过使用媒体查询,例如:
@media screen and (max-width: 800px) {
#tinynav1 > li > ul > li, #tinynav1 > li > ul > li > a {
display:none
}
#tinynav1 > li > ul {
display:none;
}
}
答案 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;
}
}