响应边栏/ sidenav显示内容(仅限移动设备)

时间:2014-07-16 17:43:01

标签: mobile responsive-design

新的响应式设计,这是我的头脑。我的网站在桌面上运行完美,并且在调整大小时工作正常。右上角菜单应该是隐藏的,但仅在移动设备上,登陆主页时会显示。

屏幕截图:http://fireflyaz.com/assets/templates/posterservice-html5/images/example.jpg

实例(仅限移动设备上的问题):http://www.fireflyaz.com/

1 个答案:

答案 0 :(得分:0)

在default_modified.css中,#showSlideMenu的CSS设置为50%的宽度,因此即使边栏未打开也会显示。将类名更改为#showSlideMenu.cbp-spmenu-open,这样只有在侧边栏打开时才会应用css。你的风格如下:

#showSlideMenu.cbp-spmenu-open {
    float: right;
    overflow: hidden;
    text-align: right;
    width: 50%;
}