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%;
    }
    ...
}

它允许标题扩展为包含其所有子项，包括菜单。

希望这对您有所帮助，并祝您好运！