100％的水平导航菜单

Question

我已经尝试使用：

.main-navigation ul {display:table; width:100%;} 
.main-navigation li {display:table-cell;} 

在我的网站：http://ranchocordovaeventscenter.com/它使用的WordPress。

当我对网站进行这些更改时，菜单不能拉伸。 当我将li更改为table-cell时，它删除了子菜单上的块样式。

有没有什么建议可以帮助我让我的导航菜单在整个网站的宽度上伸展起来？

我已经恢复到我现在在链接上的原始填充。

在此先感谢！ 马特

Answer 1

#menu-main-navigation { display: table !important; } 
#menu-main-navigation ul { display: table-cell; } 
#menu-main-navigation a { display: block; text-align: center; } 

我只是应用这个CSS到你的网站，它为我

工作得很好