2014-01-17 30 views
0

我已經有一段時間了,因爲我需要依靠這個令人敬畏的專家社區,我希望有人能夠從這裏拯救我。響應式菜單向上或向下擴展

我有一個網站,一切都很好,除非響應菜單隻做ipad在縱向視圖(768px)上做有趣的事情。通常我可以找出並修改媒體查詢的各種東西,但我不能爲我的生活弄清楚這一點。

問題:在768px寬的移動菜單位於容器底部,不會展開以顯示所有內容。我已經看到其他菜單在向相反的方向向上移動,但不知道如何去做,不知道這是否可能。

我對任何其他大小的移動導航都沒有問題。話雖如此,我很樂意去除768處的移動導航,因爲主菜單實際上很適合,但出於某種奇怪的原因,我無法做到我想做的事(我猜所有事情都是第一次)。

我希望我錯過了一些真正愚蠢的東西,而且這是一個簡單的修復。不幸的是,這是一個wordpress主題,不再被作者支持(去圖)。

P.S.這只是主頁上的一個問題,因爲導航放置位於所有其他頁面的頂部。

任何幫助,將不勝感激。

網站網址:http://markreeder.ca/photography

預先感謝您。祝你有個美好的夜晚。

回答

1

你可以嘗試添加bottom:100%;類似於此:

#menu:hover ul li:hover ul { 
    position: absolute; 
    margin-top: 1px; 
    font: 10px; 
    bottom: 100%; /* added this attribute */ 
} 
+0

你可能只是一個GENUIS!給我一秒鐘。我試過它在螢火蟲,它的工作。讓我在添加標記爲已批准答案之前將其添加到查詢中! – Leah

+0

謝謝,謝謝,謝謝!只是因爲黑色的白色而在CSS中調整了一點點,但是你讓我朝着正確的方向前進,併爲我提供了一個良好的夜間睡眠! – Leah

+0

heh yw mate :)今天我剛剛完成了我的gf的WP博客響應式粘貼欄,並有大量的時間來玩css:P – user3096206