2016-02-26 40 views
0

我不知道這是否是一個真正的問題,因爲我主要在使用模擬器時看到它,但它似乎是可重複的,並且我在朋友的Android設備上注意到它。網址是:與移動側菜單和Joomla的奇怪的錯誤!模板

Link To Page

在某些設備上,特別是iPad的視網膜仿真器,當你點擊漢堡包它會將頁面右邊的身體不如預期,但從側面菜單區域是完全空白,儘管事實上,也有要素那裏,你可以點擊他們,他們只是沒有顯示出來,所以他們正在渲染,但整個側邊欄僅僅是空白(見圖片)

iPad Retina

我也發現了一個開發者菜單中有用的功能,我不支持Safari不知道。你可以去開發 - >模擬器,並使用檢查器來加載你的模擬器中的頁面。相當不錯的功能,但仍然無法弄清楚問題所在。

它使用Joomla!模板和看源代碼似乎可以使用大量的調整,因爲有大量的.css和.js資源,其中一些可能不需要,一些可能相互衝突,有些不需要前端等

幫助讚賞。

+0

謝謝你的信息。我也在那裏發佈。 – sscotti

+0

我想我找出了問題所在,但我看不出如何解決這個問題。它看起來像是與側邊菜單元素的z-index有關。出於某種原因,身體的左邊緣的行爲就像它具有比側邊菜單更高的Z-index值。不知道如何解決它。 – sscotti

回答

0

這種修復的:

body.jsn-menu-mobile-push-left { 
     margin-left: 0px; 
} 

,但效果並不理想。它在這種情況下顯示菜單,但不會將主體滑出右側。這有點奇怪,因爲當margin-left設置爲0px時,它不會顯示。

+0

我實際上已經能夠解決這個問題,並不確定究竟如何,但它可能與預先在DOM中使用jQuery添加元素並弄亂z-index有關。現在工作。 – sscotti