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

祝好運！