Joomla网站上的菜单链接无法在iPhone 6 Plus上运行

Question

我正在尝试为什么我的Joomla网站上的菜单在横向模式下的iPhone 6 Plus上无法正常工作。我已经在我的计算机上使用相同的视口进行了测试，我没有任何问题，但我已经被朋友/同事多次告知过这个问题，我有点努力去锻炼为什么会发生这种情况以及我如何解决它。

如果有人可以提供任何其他方法的建议我可以尝试帮助解决这个问题，遗憾的是我没有iPhone 6 Plus来实际看到这个问题。

可以在http://www.leicesterbakery.co.uk

查看该网站

Answer 1

我可以确认，对我而言，移动菜单也无法在iPhone 6 Plus上运行。

当我点击菜单图标时，它就像是专注于搜索框。

我想我有解决方案。

在http://www.leicesterbakery.co.uk/templates/lbakery/css/custom.css的CSS文件中，转到第1018行并将.search类的宽度从80％编辑到更低的值。

在我的测试中，以下效果很好。

.search {
    width:70%;
    float:left;
    margin-top:20px;
}  

完成上述更改后，移动菜单在iPhone上为我工作。

祝你好运！