2017-01-10 64 views
1

我正在開發一個網站,http://six03.com/ART,目前正在開發中。我想法我已經把所有的事情都包裝好了,直到我在移動設備上重新使用320x480模式,並且在任何頁面上以任何分辨率測試任何移動設備上的滑動菜單上的任何鏈接都不起作用。滑出菜單鏈接不起作用

我已經更新並恢復到jQuery的工作副本,我試過z-index:1;我想盡我所能,並研究所有我可以無濟於事。現在我在這裏尋求幫助。

我會在這裏做一些研究,看看是否有類似的問題,或者如果有人知道類似的線程,在這個方向上的一個點也將不勝感激。謝謝。

+0

你是什麼意思,它'不工作'? – Punit

+0

它做什麼?控制檯中的任何錯誤?它可以在我的iphone上正常工作。 –

+0

移動版中的導航圖標看起來很亂,請在CSS中查看「@ media」。 –

回答

1

我打算假設您的意思是隻有主頁上的菜單中的「推薦」和「聯繫」鏈接不起作用。

如果是這樣,你的問題與jQuery無關。

您的.region元素也被定位,因此它正在通過菜單進行渲染。 設置nav {z-index: 1}.region {z-index: 0}應該解決了這個問題,因爲它會將菜單帶到其他定位的內容上。

+0

滑出菜單上的鏈接上的可點擊區域不起作用。菜單本身做它應該的。我會嘗試那些'z-index'修復程序,看看它們是否工作,他們應該如何。 – six03

+0

這些修復程序無法正常工作。我甚至在樣式表中的媒體查詢中也做了它們。 – six03

+0

只是爲了確認 - 在菜單中的鏈接做**沒有**工作?這是在所有頁面上發生的,還是隻在首頁上發生? – Punit

0

我最終擺脫了菜單中的重複圖標,我不需要它,在nav容器上放置了一個z-index: 1;。我也改變了menu-icon的定位relative代替fixed和固定在移動設備上的問題,我已經能夠測試。

0

,除非這是一個設計功能,漢堡包圖標不再是頂當桌面瀏覽器被縮小到縮小寬度時,在英雄圖像中放置。

enter image description here

+0

感謝分享。這將被照顧。 – six03