WordPress的菜单项浮动右和垂直对齐问题

问题描述:

我希望你们中的一个CSS大师可以帮助我找出为什么我的代码不工作!这里是我的网站:WordPress的菜单项浮动右和垂直对齐问题

http://ledvideowall.net

当浏览器窗口> 600个像素,“联系电话”菜单项是浮动的权利,在菜单栏中垂直居中。 (在FireFox和Chrome上)

但是,当浏览器<为600像素时,菜单项不再浮动。而且,在Chrome和iOS设备上,菜单项垂直放置在菜单栏下方。 (很难看!)

任何想法?

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

+0

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

嗯,我没有得到这个问题。然而,

你不应该包括在同一个ul。相反,您应该单独制作div并将其浮动到右侧(float:right;),然后将实际菜单分别浮动到左侧(float:left;)。

p.s. 请勿width: 100%.nav-menu。这只能解决症状而不是主要问题