Joomla網站上的菜單鏈接無法在iPhone 6 Plus上工作

Question

我正在試圖解決爲什麼我的Joomla網站上的菜單無法在橫向模式下專門針對iPhone 6 Plus正常工作。我已經在我的計算機上用相同的視口測試了這一點，但我沒有問題，但我曾多次被這個問題的朋友/同事告訴過，而且我正在努力解決這種情況發生的原因以及我如何解決這個問題。

如果有人可以請任何其他方法，我可以嘗試幫助解決這個問題的建議，不幸的是我沒有iPhone 6 Plus實際上看到這個問題。

該網站可以在http://www.leicesterbakery.co.uk

Answer 1

觀看我可以證實，對我來說，移動菜單不工作在iPhone 6加任。

當我點擊菜單圖標時，它就像專注於搜索框。

我想我有解決方案。

在您的CSS文件http://www.leicesterbakery.co.uk/templates/lbakery/css/custom.css處，轉到第1018行，並將.search類的寬度從80％編輯爲更低的值。

在我的測試中，以下運作良好。

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

在進行上述更改後，手機菜單在iPhone上爲我工作。

祝你好運！