在手機上顯示隱藏的二級菜單，但不將主菜單設置爲默認展開式

Question

我使用基於Genesis構建的「No Sidebar Pro」WordPress主題。默認情況下，此主題隱藏移動設備上的輔助/頁腳菜單。 StudioPress的支持人員告訴我，從CSS中刪除以下內容將允許在手機上顯示二級菜單。

.js nav { 
    display: none; 
    position: relative; 
} 

事實上，這確實顯示出在根據需要移動的次級菜單，但是現在主菜單默認爲在頁面加載正在擴大。當我將上述代碼保持原樣時，主菜單默認會在頁面加載時關閉。

如何修改此CSS以使頁腳菜單顯示在手機上，但主菜單默認爲關閉？

Answer 1

除了刪除這些樣式，請在下面添加以下內容。

.js nav.nav-secondary { 
    display: block; 
} 

這應該解決您的問題。