Question

好的，所以我无法在自定义设计的主题上对齐wordpress菜单。我正在使用bootstrap 3框架，我无法让菜单显示为内联，尽管我有正确的css列出任何内容与menu-nav内联的css类。请查看页面是我的CSS错误还是我要对wordpress做些什么？

http://smeprintinganddesign.net

到目前为止，我的自定义CSS

body{
    color: black;
}

menu-nav {
    position: relative;

    padding: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline !important;
    line-height: 20px;

}

Answer 1

＆＃13;

<div class="collapse navbar-collapse navbar-ex1-collapse">
  <ul class="nav navbar-nav js-nav-add-active-class">
          <li class="page_item page-item-11"><a href="http://www.smeprintinganddesign.net/about-us/">About Us</a></li>
          <li class="page_item page-item-19"><a href="http://www.smeprintinganddesign.net/basket/">Basket</a></li>
          <li class="page_item page-item-20"><a href="http://www.smeprintinganddesign.net/checkout/">Checkout</a></li>
          <li class="page_item page-item-9"><a href="http://www.smeprintinganddesign.net/contact-us/">Contact Us</a></li>
          <li class="page_item page-item-2 current_page_item"><a href="http://www.smeprintinganddesign.net/">Home</a></li>
          <li class="page_item page-item-21"><a href="http://www.smeprintinganddesign.net/my-account/">My Account</a></li>
          <li class="page_item page-item-18"><a href="http://www.smeprintinganddesign.net/shop/">Shop</a></li>
</ul>
</div>

＆＃13;

您的菜单在另一个无序列表中嵌套了一层，因此它没有应用引导类。删除内部ul和li和div类菜单，它的工作原理。请参阅上面的更新菜单代码。

您可能需要做的是删除添加的div＆＃34;之前＆＃34; ＆＃34;＆＃34;＆＃34;＆＃34;通过WordPress函数运行wp-includes / nav-menu-template.php中的菜单。更多信息：https://developer.wordpress.org/reference/functions/wp_nav_menu/

Answer 2

请在您的css文件中使用此代码，您的菜单将会对齐。

.navbar-nav li a {
line-height: 60px;
padding-top: 0px;

}

即使使用自定义类css，Wordpress菜单也不会对齐水平

2 个答案: