WordpressのメニューがカスタムクラスのCSSでも水平にならない

Question

私はカスタムデザインのテーマにWordPressのメニューを整列させるのに問題があります。私はブートストラップ3のフレームワークを使用していますが、インラインで表示するためのメニューを取得できませんが、メニュー・ナビゲーションのcssクラスをリストする正しいCSSがあります。私のCSSが間違っているかどうかをチェックしてください、または、私がワードプレスにしなければならないことがありますか？

http://smeprintinganddesign.net

HERESに私のカスタム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

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

それがブートストラップクラスを取得していないので、こんにちは、あなたのメニューは、別の番号なしリスト内の1つの層深くネストされていますそれに適用されます。内側のul and liとdivクラスメニューを削除しても機能します。上記の更新されたメニューコードを参照してください。

あなたがしなければならないことは、wp-includes/nav-menu-template.phpでメニューを実行するWordPress関数によって "before"と "after"に追加されたdivを削除することです。ここをクリックしてください：https://developer.wordpress.org/reference/functions/wp_nav_menu/

Answer 2

あなたのCSSファイルでこのコードを使用してください、あなたのメニューが整列されます。

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

}