html - bootstrap navbar toggle avoid second scrollbar -
is there way avoid second scrollbar when bootstrap toggle?
cool wood if there trick avoid :) @ best increase height or that?
my bootstrap default-nav css code:
@media (max-width: 1200px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-right { margin-right: 0; background-color: #2c3e50; } .navbar-toggle { display: block; float:right; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); background-color: #fff; text-align: left; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; background-color: #fff; text-align: left; } .navbar-nav { float: none !important; background-color: #fff; text-align: left; margin-top: 7.5px; } .navbar-nav > ul { width: 100%; } .navbar-nav > li { float: none; height: 45px; line-height: 36px; } .navbar-nav > li > { padding-top: 10px; padding-bottom: 10px; border-right: none; height: 45px; line-height: 36px; } .navbar-nav .open .dropdown-menu { display: block; position: static; float: none; width: auto; margin-top: 0; background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; } .collapse.in { display: block !important; } }
<div class="container" id="head"> <div id="logo"><a href="?index.php"><img src="include/designs/foekuhei/images/logo.png" class="img-responsive" alt="förderkreis für kultur und heimatgeschichte e.v. gottmadingen" /></a></div> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#trebingnav" aria-expanded="false"> <span class="sr-only">navigation ein-/ausblenden</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="trebingnav"> <ul class="nav navbar-nav"> <li class="home"><a href="index.php?foekuhei">home</a></li> <li class="experimentelle"><a href="index.php?experimentelle">experimentelle</a></li> <li class="dropdown veranstaltungen"> <a href="index.php?news" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">veranstaltungen <span class="caret"></span></a> <ul class="dropdown-menu verantstaltungen"> <li><a href="index.php?news">aktuelles programm</a></li> <li><a href="index.php?jahresprogramm">aktuelles jahresprogramm</a></li> <li><a href="index.php?andereveranstaltungen">andere veranstaltungen</a></li> <li><a href="index.php?news-archiv">rückblick</a></li> <li><a href="index.php?galleryfoekuhei">bildergalerien</a></li> </ul> </li> <li class="dropdown wir"> <a href="index.php?vorstand" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">über uns <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="index.php?vorstand">vorstand</a></li> <li><a href="index.php?ehrungen">ehrungen</a></li> <li><a href="index.php?geschichte">geschichte</a></li> <li><a href="index.php?satzung">satzung</a></li> <li><a href="index.php?links">links</a></li> </ul> </li> <li class="projekte"><a href="index.php?projekte">projekte</a></li> <li class="tickets"><a href="index.php?ticketsoverview">tickets</a></li> <li class="dropdown mitglied"> <a href="index.php?mitgliedwerden" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">mitglied werden <span class="caret"></span></a> <ul class="dropdown-menu mitglied"> <li><a href="index.php?mitgliedwerden">warum beitreten?</a></li> <li><a href="index.php?joinus">online-beitritt</a></li> </ul> </li> <li class="dropdown kontakt"> <a href="index.php?contact" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">kontakt</a> <ul class="dropdown-menu"> <li><a href="index.php?contact">kontakt</a></li> <li><a href="index.php?anfahrt">anfahrt</a></li> </ul> </li> <li class="impressum" ><a href="index.php?impressum1">impressum</a></li> </ul> </div> </nav> </div><!-- close head -->
Comments
Post a Comment