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到你的網站，它爲我

工作得很好