在wordpress中居导航菜单

Question

我正在寻找纠正我的某个页面上的问题，该问题使我的导航菜单从编码方向开始，允许内容跨越页面的宽度...见下文：

该页面中的css代码导致导航菜单转到页面的两侧... logo左侧...页面菜单右侧：

div.centered-wrapper {
width: 95% !important;
}

这是我在style.css中更新的代码，使用text-align：center

使菜单居中

#navigation {
text-align: center
position:relative;
z-index:10000;

我该如何解决我的问题？它只发生在这个特定的页面上，因为div。代码

Answer 1

插入css div.centered-wrapper {display：inline-block;}

Answer 2

我不能发表评论所以我认为我找到了答案。我在你的代码中看到了你的 margin-right为0（见图）。切换到margin-left：0px！important;您可以将其视为

<div class="percent-three-fourth column-last">

编辑：如果需要，您可以将margin-left和margin-right设置为auto to center。以上是在左侧设置导航。我希望这会有所帮助。

修改2：将95％更改为其他页面的显示方式。

.centered-wrapper {
width: 1120px;
margin: 0 auto;
}

Answer 3

所以我找到的最简单的方法是将你的菜单包装在另一个div中，在＃34;居中包装器中＃34;像这样的div：

<div class='centered-wrapper'>
<div class='newclass'>

</div>
</div>

然后设置新类的样式：

.newclass{ width: 1120px; margin: 0 auto; }

Answer 4

只需将此样式添加到该页面即可 -

#header div.centered-wrapper {
width: 1120px !important;
}

这就是你想要的。