nav - 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; }

I just applied this CSS to your website and it worked fine for me