how to get rid of top and bottom space in bootstrap collapsed menu

hi, know how rid of top , bottom space on bootstrap collapsed menu?  i'm using bootstrap plus custom style sheet collapsed menu can have background color instead of repeat of default image.  here's image of problem (outlined in red)  below code.  much.

zaffer

 

 

<nav class="navbar navbar-default">

  <div class="container-fluid">

    <!-- brand , toggle grouped better mobile display -->

    <div class="navbar-header">

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultnavbar1">

          <span class="sr-only">toggle navigation</span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

     </button>

      <a class="navbar-brand" href="index.html">brand</a>

      </div>     

   

    <!-- collect nav links, forms, , other content toggling -->

     <div class="collapse navbar-collapse custom-class" id="defaultnavbar1">

      <ul class="nav navbar-nav navbar-right">

          <li><a href="music.html">music</a></li>

        <li><a href="images.html">images</a></li>

        <li><a href="unity3d.html">unity3d</a></li>

        <li><a href="flash.html">flash</a></li>

        <li><a href="about.html">about</a></li>

       </ul>

    </div>

    <!-- /.navbar-collapse -->

  </div>

  <!-- /.container-fluid -->

</nav>

 

@media (max-width:768px){

.custom-class {

    overflow-x: visible;

    -webkit-overflow-scrolling: touch;

    background-color: #7399e4;

    background-image: none;

    height: auto;

    border-width: 0px;

}

 

.nav > li{

    display: block;

    position: relative;

    border: 1px solid #2763cc;

}

}

the .navbar-nav class in bootstrap has 7.5px top , bottom margin. need remove that.

More discussions in Dreamweaver support forum

adobe