響應式邊欄/ sidenav顯示內容（僅限手機）

Question

新的響應式設計，這是飛過我的腦海。我的網站在桌面上完美運行，並且在調整大小時工作正常。右上方的菜單應該是隱藏的，但只在移動設備上顯示，當登陸主頁時。

截圖：http://fireflyaz.com/assets/templates/posterservice-html5/images/example.jpg

直播示例（僅在移動裝置的問題）：http://www.fireflyaz.com/

Answer 1

在default_modified.css，CSS爲#showSlideMenu被設定的50％的寬度，因此這即使當示出了側邊欄未打開。將類名更改爲＃showSlideMenu.cbp-spmenu-open，以便僅在側邊欄打開時才應用CSS。你的風格如下：

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