応答メニュー - クリックに表示されない

Question

私は簡単なCSS対応メニューを持っています。

ハンバーガーをクリックしても応答メニューが表示されません。ここで

は私のコードです：あなたはそれがここで働いて見ることができます

/* ============================== 
    RESPONSIVE NAV BUTTON 
============================== */ 

.show-menu { 
    text-decoration: none; 
    text-align: center; 
    display: none; 
    background-color:$dark; 

    font-family: $title-regular; 
    font-size:15px; 
    line-height:60px; 
    color:$white; 
    letter-spacing:1px; 

    @media #{$tablet} { 
     display:block; 
    } 
} 

.show-menu div { 
    display:inline-block; 
    padding-left:25px; 
    background-image: url("../includes/icons/hamburger.svg"); 
    background-repeat:no-repeat; 
    background-position:center left; 
} 

.nav-wrapper input[type=checkbox] { 
    display: none; 
} 


.nav-wrapper input[type=checkbox]:checked ~ #menu{ 
    display: block; 
} 

：ここ

<div class="nav-wrapper"> 
    <div class="nav-inner"> 

     <label for="show-menu" class="show-menu"><div>Show Menu</div></label> 
      <input type="checkbox" id="show-menu" role="button"> 


       <div class="menu-primary-container"> 

        <ul id="menu" class="menu"> 

         <li><a target="_blank" href="#">Newsletter</a></li> 
         <li><a href="#">Get involved</a></li> 
         <li><a href="#">Home</a></li> 
         <li><a href="#">About</a></li> 
         <li><a href="#">Parents</a></li> 
         <li><a href="#">Workforce</a></li> 
         <li><a href="#">News</a></li> 
         <li><a href="#">Events</a></li> 
         <li><a href="#">Contact</a></li> 
         <li><a href="#">Get involved</a></li> 
         <li><a href="#">Languages</a></li> 

        </ul> 

       </div> 


    </div> 

</div> 

は、チェックボックスのハンバーガーのための私のCSSですhttp://pagedev.co.uk/betterstart/

しかし、私が作ったので、メニューWordpressのメニューは動作しません。

なぜ私はそのメニューを開いていないのか分かりませんか？

すべてのヘルプは素晴らしいでしょう

Answer 1

これはWordPressの問題でした。

Wordpressの「メニューのプライマリ・コンテナ」のメニューにそれをラップし

私は自分の配列に

'container' => '' 

を追加し、それを解決しました。