折りたたみメニューは部分的にしか表示されません

Question

私のサイトwww.dallazaira.itモバイルテンプレートに問題があります。私は ボタンをクリックすると表示されますが、最初のメニュー項目だけが表示されます。

私はすべてのポストですべてのCSSとjqueryを試して、私は のCSSを数時間修正しようとしていますが、解決策を見つけることができません。あなたは で私を助けることができますか？ ありがとうございました！

The html when closed is: 
<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class="collapsed"><span></span></a></div> 
<div class="navbar-collapse collapse" style="height: 0px;"> 
<div class=" bd-horizontalmenu-1 clearfix"> 
<div class="bd-container-inner"> 
<ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
<li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li>       
<li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
<li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
<li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
<li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
</ul>  
</div> 
</div>   
</div> 
</nav> 

HTMLオープンのとき：

<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class=""><span></span></a></div> 
    <div class="navbar-collapse collapse in" style="height: auto;"> 
    <div class=" bd-horizontalmenu-1 clearfix"> 
    <div class="bd-container-inner"> 
    <ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
     <li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li> 
     <li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
     <li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
     <li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
     <li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
    </ul> 
    </div> 
    </div>   
    </div> 
</nav> 

Answer 1

あなたは常にブラウザの開発者向けツールの要素を検査する必要があります。次に、メニューのことを、見るであろう：

• があなたのカルーセル
• の背後に隠されているので、要素がある

無背景色を持っていない、それだけでは表示されません。

だから、あなたは次のようにいくつかのCSSを追加する必要があります

.navbar-collapse { 
    z-index: 100; 
    background: white; 
} 

しかし、本当にここにあなたの主なレッスンは、browser developer toolsの使い方を学習を開始しなければなりませんので、あなたは、問題を正確に特定することができます。