jquery - Not able to remove the space between navbar and the dropdown menu even after using border : none; -


i have space between nav bar , dropdown menu. have remove space , insert line. here screen shots:

enter image description here

i want menu this:

enter image description here

here code:

<div class="navbar-collapse collapse in" id="navbar-ex-collapse" style="height: auto;">                 <ul class="nav navbar-nav navbar-right nav-pull-right">                     <li><!-- ngif: loggeduser --><a style="margin-right: 100px;margin-top: px;border-bottom: black;" data-ng-if="loggeduser" class="ng-binding ng-scope">                         <span class="fa fa-user iconalign font-icon-size">&nbsp;</span>shrivatsav, deeksha</a><!-- end ngif: loggeduser -->                     </li>                     <li><!-- ngif: loggeduser --><div data-ng-if="loggeduser" class="ng-scope">                             <!-- <button data-ng-click="logout()" type="button" class="btn btn-link logoutbutton" >{{'logout' | translate}}</button>                             <a data-ng-click="logout()" class="fa fa-sign-out font-icon-size" style="padding-right:-12px;"></a> -->                             <a data-ng-click="logout()" class="fa fa-sign-out font-icon-size"></a>                             <button data-ng-click="logout()" type="button" class="btn btn-link logoutbutton ng-binding" style="padding-top:0px;">log out</button>                         </div><!-- end ngif: loggeduser -->                     </li>                 </ul>             </div> 

here css:

.navbar-default .navbar-collapse, .navbar-default .navbar-form {     border-color: #e7e7e7; } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {     margin-right: -15px;     margin-left: -15px;     /* margin-top: -1px; */     border: none;     /* margin-bottom: -1px; */ } .navbar-collapse.in {     overflow-y: auto; } .collapse.in {     display: block; } 

when add margin top : -1px going left wafrds shown:

enter image description here

demo

how supposed eliminate gap. kindly me.

try this

@media (max-width: 767px) { .nav>li{border-top:1px solid #444;} .navbar-collapse{border-top:0;} } 

see demo


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -