Wordpress二十三下拉菜单不适用于iPhone

Question

我的Wordpress Twentytheeneen主题网站上的导航菜单在桌面/笔记本电脑/ iPad窗口大小的正常水平方式下运行良好。这是URL：

http://www.radionowhere.net/sandbox

在iPhone上查看时，它会折叠到“菜单”一词，并带有一个向下箭头，当点击该箭头时，它应该在一个垂直列中显示链接到导航菜单中的所有页面，这会取代其余的页面内容在它下面。

然而，在我网站上的当前状态下，单击iPhone上的“菜单”链接只会显示前两页链接，而不是按原样取代页面的其余部分，它们会覆盖它代替。一团糟。

我猜这可能与我在“home.css”文件中对各种div的位置进行的修改有关，但无法弄清楚如何解决这个问题。

欢迎任何想法 - 谢谢！

Answer 1

在home.css中，你有

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

单击菜单按钮并形成下拉菜单时，包装菜单的标题（#masthead）也必须展开。将#masthead修复为170px会阻止它扩展。尝试用

替换它

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

允许标题展开以包含其所有子项，包括菜单。

希望这有帮助并祝你好运！