關於瀏覽器/分辨率變化的Wordpress菜單行爲

我正試圖從浮動響應主題中更改我們的網站（www.enyx.sk），以實現靜態寬度，這也將解決較低分辨率的平板電腦和顯示器。關於瀏覽器/分辨率變化的Wordpress菜單行爲

我遇到的問題是在頂部導航菜單項。母公司本身是絕對定位的，但由於它們生成並且需要彼此相鄰，所以項目相對定位。當我嘗試調整瀏覽器的大小時，Hovewer會導致問題，或者我檢查Nexus 7上的分辨率--->here

然後菜單項出現在另一個下方，以填滿屏幕。

我想要實現的是他們呆在一個地方，像菜單下的「mozaic」，但我無法弄清楚如何做到這一點。

非常感謝

來源

2013-07-30 Richard Néveri

只要看看在你的basic.css（應該是ubermenu-插件內）。幾乎所有寬度都以百分比表示。

線758，您可以找到：

#megaMenu.megaResponsive ul.megaMenu > li { width: 100% }

而且上線862有：

#megaMenu.megaResponsive ul.megaMenu > li { width:50% }

同時刪除。

至少有在管線81以下代碼：

#megaMenu.megaMenuHorizontal ul.megaMenu { width: 100% }

它更改爲一個固定的寬度（例如1140px）。現在一切都應該以正確的方式工作。

如果你使用Firefox，你可以使用附加的Firebug，這是一個很大的幫助尋找這樣的東西。

來源

2013-07-30 15:11:30 Fabi

這完全解決了我的問題，謝謝！ –

我只是第二次看你的網站的建設。頭上有很多css片段，很難跟蹤整個事情。 ;）我剛剛在我的Galaxy Tab 2 10.1上試過了你的頁面，一切都很好，但在我的iPhone上它有一個完全不同的響應式視圖。看起來你的CSS中有一個媒體查詢，它着重於設備，所以桌面不會顯示它，但是你的聯繫（和我的iphone）。我現在找不到它，但我希望這可以幫助你。 – Fabi

謝謝@Fabi，我目前正在處理大部分事情。剩下的唯一一件事情是，當我在手機上打開桌面網站時（分辨率爲480x800），該帖子顯示爲從右側裁剪出來，我無法弄清楚是什麼原因造成的。我試圖修改標題中的媒體查詢，但找不到問題。如果我可以檢查電話頁面的源代碼，那很容易，但不幸的是我不能。對不起，雜亂的CSS，我自定義一個主題，我也很新的CSS也:)。 –

關於瀏覽器/分辨率變化的Wordpress菜單行爲

回答

相關問題