ハンバーガーメニューの折りたたみ問題

Question

ハンバーガーメニューで3番目のアイテム（「Opere」）をクリックすると、正しく折りたたまれますが、次のアイテム（「Contatti」）はアイテムの下にスクロールしません。どうして？

http://www.simonenicosia.it/demo/

[]

<nav id="main-nav"> 
     <ul id="navbar-submenu"> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="#profilo">Profilo</a></li> 
     <li><span data-toggle="collapse" data-target="#toggleOpere" data-parent="#navbar-submenu" class="collapsed">Opere</span> 
      <div class="collapse" id="toggleOpere" style="height: 0px;"> 
      <ul class="nav nav-list"> 
       <li><a href="#"id="projects/pittura.html" class="project-expander">Pittura</a></li> 
       <li><a href="#"id="projects/evoluzioni.html" class="project-expander">Evoluzioni pittoriche</a></li> 
       <li><a href="#"id="projects/3d.html" class="project-expander">Forme tridimensionali</a></li> 
       <li><a href="#"id="projects/steel.html" class="project-expander">Steel</a></li> 
       <li><a href="#"id="projects/artdesign.html" class="project-expander">ArtDesign</a></li> 
       <li><a href="#"id="projects/musticatower.html" class="project-expander">MusticaTower</a></li> 
       <li><a href="#"id="projects/unstoppable.html" class="project-expander">Unstoppable spirit</a></li> 
      </ul> 
      </div> 
     </li> 
     <li><a href="#contatti">Contatti</a></li> 
     </ul> 
     <a href="#" class="cd-close-menu">Chiudi<span></span></a> 
    </nav> 

Answer 1

あなたは、クリックすると拡大してサブメニューを防止している、liのための高さを指定しています。それを分の高さに変更することができます。

#main-nav li { 
    height: 15%; 
} 
#main-nav li { 
    height: 20%; 
} 

変更：

#main-nav li { 
    min-height: 15%; 
}