jquery - Bootstrap Active Menu Changes Navbar Height -
i added 2px border-bottom active menu(bootstrap). because of that, navbar resizes automaticaly. example: navbar 70px height , after adding 2px border-bottom, navbar resizes 72px. know how block that. tried min/max-height doesn't work.
<div class="collapse navbar-collapse navbar-right" id="nbar-collapse">     <ul class="nav navbar-nav">         <li><a class="active-page" href="#">home</a></li>          <li><a href="#">host2</a></li>          <li><a href="#">host3</a></li>     </ul> </div>   .active-page {     border-bottom: 2px solid #f40612; }      
tried this?
.navbar-right {    height: 68px;    border-bottom: 2px solid #f40612; }   or
.navbar-right {    height: 70px; }  .navbar-nav li {    background-color: #f40612;    padding: 0;    margin: 0;    padding-bottom: 2px; }  .navbar-nav li {    margin: 0;    padding: 0;    background-color: transparent; }   or jquery
<script>   $(".active-page").parent().addclass("hightlight"); </script>  .hightlight {    background-color: #f40612;    padding: 0;    margin: 0;    padding-bottom: 2px; }      
Comments
Post a Comment