Ios Wordpress Twenty13下拉菜单不适用于iPhone

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

在iPhone上查看时，它会折叠为“菜单”一词，并伴有一个向下箭头。单击该箭头时，导航菜单中链接的所有页面都会显示在一个垂直列中，从而取代其下方的页面内容

然而，在我的网站的当前状态下，单击iPhone上的“菜单”链接只会显示前两个页面链接，而不是像应该的那样替换页面的其余部分，而是覆盖页面。一团糟

我猜这可能与我对文件“home.css”中各个div的位置所做的修改有关，但我无法确切地指出如何解决这个问题

欢迎有任何想法-谢谢

在home.css中，您有

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

单击菜单按钮并形成下拉菜单时，包装菜单的标题（#masthead）也必须展开。将#杆头固定在170px可防止其膨胀。尝试将此替换为

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

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

---

希望这对你有帮助，祝你好运

搞定了，欧文-非常感谢！你解释得很清楚，但我不确定我自己是否能弄明白……没问题：）请把这个问题标记为事后回答！