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上对我有效。

祝好运！