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:
i want menu this:
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"> </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:
how supposed eliminate gap. kindly me.
try this
@media (max-width: 767px) { .nav>li{border-top:1px solid #444;} .navbar-collapse{border-top:0;} }
Comments
Post a Comment