2015-09-23 38 views
0

http://www.crossfitpolaris.com/CSS迫使頁腳

我有一個問題,即當屏幕尺寸低於980px頁腳力量本身的頁面頂部的頂部。它發生在我網站的每個頁面上。這是禁止移動用戶或較小設備上的用戶滾動。

我手動更改了一些頁腳代碼來自定義頁腳,但是當我將該代碼恢復爲原來的代碼時,它看起來並不像是頁腳php代碼中的錯誤。看來唯一的解決方案是CSS問題,但我無法解決問題。我搜索並試圖實現我發現的,但似乎沒有任何工作適合我。

+0

不知道我看到這裏的問題 - 一切工作正常適合我(OSX Chrome 44)。你運行什麼瀏覽器/設備? –

+0

我在Macbook Pro OSX Chrome 45上,也是針對ios 8的Chrome。 –

+0

您是否嘗試使屏幕寬度<980像素? –

回答

1

查看開發人員工具我發現當最大寬度低於980像素時,您的媒體查詢會將您的「內容」DIV的位置設置爲「固定」。這隱藏了視圖中的其餘內容。刪除position:fixed!important;允許我查看其餘內容。 Line 891您的style.css文件。

@media screen and (max-width: 980px) 
#sidebar-footer, #content, #masthead { 
    padding: 0 20px; 
    /* position: fixed!important; */ 
} 
+0

謝謝,當我關掉位置:固定!重要;在開發人員工具中,我得到了期望的結果。然而,當我看着我的style.css文件時,我的wordpress主題中沒有看到那行代碼。我看到了結果(在開發工具中),但不是在wordpress中更改的代碼行。 –

+0

一種解決方法是使用「固定」以外的其他值,位置的正確值是多少? –

+0

只需將它設置爲'position:relative' –