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

-2

私のサイト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>

出典

2017-07-17 Alessandro Fiorenza

あなたのコードはどこにありますか、何を試しましたか？あなたは特定の質問ではるかに優れた回答を得るでしょう。 –

私はあなたがページを調べることができるように私はサイトへのリンクを投稿する、私はより単純だと思う。私はhtmlを追加します。テンプレートは無料のjoomlaテンプレートです。あなたがsomtehingを必要とする場合私に教えてください。ありがとう –

私は解決策を投稿しました。しかし、これはスタックオーバーフローのための悪い質問です。あなたの質問は問題を完全に反映していません。そしてそれはあなたのページを実際に見て解決することしかできません。だから私はそれを削除するために投票します。次回は、最小限の実例を作成してください。https://stackoverflow.com/help/mcve 他の人を助けたい場合は、問題が作成されていない限り、テンプレートメーカーに問題を報告する必要がありますあなたのカスタムCSSを通して。 –

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

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

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

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

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

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

出典

2017-07-17 12:55:10

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

答えて

関連する問題