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

Question

Hello Fellow Programmers

我想集中导航并研究并且不知道要插入到我从HTML转换为Wordpress的自定义主题的代码。 （我对Wordpress主题开发有点新鲜）

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

但我只需要帮助集中菜单。观察下面的图片......菜单离左边太远了。

以下是我目前在网站上的一些相关代码：＃34; header.php＆＃34;它显示WordPress菜单。

（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.

P.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;
}