2013-04-21 91 views
0

我希望你們中的一個CSS大師可以幫助我找出爲什麼我的代碼不工作!這裏是我的網站:WordPress的菜單項浮動右和垂直對齊問題

http://ledvideowall.net

當瀏覽器窗口> 600個像素,「聯繫電話」菜單項是浮動的權利,在菜單欄中垂直居中。 (在FireFox和Chrome上)

但是,當瀏覽器<爲600像素時,菜單項不再浮動。而且,在Chrome和iOS設備上,菜單項垂直放置在菜單欄下方。 (很難看!)

任何想法?

回答

2

在css文件中添加width:100%.nav-menu

+0

感謝 - 它需要被添加到CSS的媒體查詢部分! – meeble 2013-04-21 06:55:35

0

嗯,我沒有得到這個問題。然而,

你不應該包括在同一個ul。相反,您應該單獨製作div並將其浮動到右側(float:right;),然後將實際菜單分別浮動到左側(float:left;)。

p.s. 請勿width: 100%.nav-menu。這隻能解決症狀而不是主要問題