如何集中wordpress导航

Question

在这个wordpress页面上以导航为中心的最佳方法是什么：

尝试了这个：

@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    padding: auto;
  }
  .nav {
    padding-left: 10%;
  }
}

从这里开始：https://colorlib.com/wp/forums/topic/how-do-i-center-my-sites-navigation-bar/

但绝对没有影响

提前致谢。

Answer 1

<div class="menu-wrap"> // need to add this div before ul

<ul id="menu-oberes-menue" class="main-navigation-menu">
      {your menu list}
</ul>

</div>

添加您的CSS

.menu-wrap {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

Answer 2

以您的风格添加此代码段：

@media only screen and (min-width: 60.001em){
.main-navigation-menu>li {
    float: none;
    display: inline-block;
}

#menu-oberes-menue {
    text-align: center;
}
.main-navigation-menu ul li{
   text-align:left;
}
}

Answer 3

Flexbox那个吸盘。

<强> HTML

<div class="nav">
  <div class="navbar_nav">

  </div>
</div>

<强> CSS

.nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar_nav {
  width: 250px;
  height: 100px;
  background: #cdcdcd;
}