如何居中自定义Wordpress主题导航栏？

Question

程序员朋友们好！

我想居中的导航，并已研究和不知道的代码插入到我的自定义主题，我从HTML转换为Wordpress。(我是Wordpress主题开发的新手)

我的定制wordpress主题已经拉出了wordpress上的任何菜单并将其插入其中。

但我只需要你帮我把菜单居中。观察下图..。菜单太靠左了。

这是我目前在网站上显示WordPress菜单的"header.php“中的一些相关代码。

(Header.php文件)

<nav class="menubar"> <ul id="menu"> <?php wp_nav_menu();?> </nav>

Image of my navigation menu which appears more on the left side.

附言:请帮助我简单地居中我的菜单，您的答复(S)是()非常感谢。

Answer 1

.menubar, #menu {
    width:100%;
}

#menu {
    text-alighn:center;
    padding:0;
    margin:0;
}

Answer 2

或者，您也可以将导航栏包装在一个包装器div中，并为其提供与站点主要内容相同的宽度(这可能是也可能不是您正在寻找的内容)。

<div class="nav-wrapper">
<nav class="menubar">
    <ul id="menu">
    <?php wp_nav_menu();?>
    </nav></div>

.nav-wrapper{
max-width: 1170px; /* let's say this is the width of the main div */
display: block;
margin: 0 auto;
}