WordPress 23下拉菜單在iPhone上不起作用

Question

我的Wordpress 23主題網站上的導航菜單在台式機/筆記本電腦/ iPad窗口大小下以正常水平方式可以正常工作。 這是網址：

http://www.radionowhere.net/sandbox

在iPhone上查看時，它會折疊成“菜單”字樣，並帶有向下箭頭，當單擊該箭頭時，該菜單應顯示導航菜單中鏈接到的所有頁面在一個垂直列中，從而將其余部分替換它下面的頁面內容。

但是，在我網站上的當前狀態下，單擊iPhone上的“菜單”鏈接將僅顯示前兩個頁面鏈接，而不是按原樣替換頁面的其余部分，而是將其覆蓋。 一團糟。

我猜想這可能與我對“ home.css”文件中各個div的位置所做的修改有關，但無法確切地知道如何解決該問題。

歡迎任何想法-謝謝！

Answer 1

在home.css中，

@media (max-width: 550px){
    ...
    #masthead {
        height: 170px;
    }
    ...
}

單擊菜單按鈕並形成一個下拉菜單后，包裝菜單的標題（#masthead）也必須展開。 將＃標頭固定為170像素可防止其擴展。 嘗試將其替換為

@media (max-width: 550px){
    ...
    #masthead {
        height: 100%;
    }
    ...
}

它允許標題擴展為包含其所有子項，包括菜單。

希望這對您有所幫助，並祝您好運！