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