YUI Purecss在屏幕尺寸下降到幕帘点以下时删除多级菜单行为

我想删除当屏幕尺寸下降到窗帘点以下时，

pure menu has children

、

pure menu children

和

pure menu allow hover

设置的行为

我曾尝试用下面的代码重置它们，它部分工作，但当我悬停子菜单时，菜单再次崩溃

以整页模式查看并缩小浏览器

更新 现在它起作用了

@导入url（'http://yui.yahooapis.com/pure/0.6.0/pure-min.css');
@媒体屏幕和屏幕（最大宽度：35.5em）{
.纯菜单儿童{
显示：块；
位置：相对位置；
左：0%；
排名：0；
保证金：0；
填充：0；
z指数：3；
}
.pure菜单允许悬停：悬停>.pure菜单子项，
.pure菜单活动>.pure菜单子项{
显示：块；
位置：相对位置；
}
}
#显示我的问题{背景：黄金}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·奥古斯·奥古斯，康格·阿库姆·索利西图丁·阿库姆，封建主义者阿库姆·阿库斯。在faucibus中，Interdum和malesuada在同侧基本面之前就出名了。

解决方案在未缩小的文件中

        @media screen and (max-width: 35.5em){
            .pure-menu-children {
                display: block;
                position: relative;
                left: 0%;
                top: 0;
                margin: 0;
                padding: 0;
                z-index: 3;
            }
            .pure-menu-allow-hover:hover > .pure-menu-children,
            .pure-menu-active > .pure-menu-children {
                display: block;
                position: relative;
            }
        }