ios - Joomla 网站上的菜单链接在 iPhone 6 Plus 上不起作用

Question

我正在尝试解决为什么我的 Joomla 网站上的菜单无法正常工作，特别是在横向模式下的 iPhone 6 Plus 上。我已经在我的电脑上用相同的视口(viewport)测试了这个，我没有遇到任何问题，但我的 friend /同事已经多次告诉我这个问题，我正在努力解决为什么会发生这种情况以及如何解决它。

如果有人可以建议我可以尝试帮助解决此问题的任何其他方法，不幸的是我没有 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 上对我有效。

祝你好运!