html - Bootstrap Logo Link not working when Navbar is Collapsed? -
i realized css position:absolute;in .navbar-header code made brand link unclickable. changed position:relative;, made navbar disproportioned. imagine has happened lot of people out there. i'm wondering if out there knows how fix this, or stuck rebuilding ground up?
html:
<div class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <a href="img" class="navbar-brand"> <img alt="brand" <img src="https://i.imgur.com/a509iuv.png" class="img" alt="logo" width="30" height="25"> </a> </div> <div class="navbar-button"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navheadercollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> <div class="collapse navbar-collapse navheadercollapse"> <ul class="nav navbar-nav"> <li class=""><a href="#">link</a></li> <li class=""><a></a></li> <li class=""><a></a></li> <li class=""><a href="#">link</a></li> <li class=""><a></a></li> <li class=""><a></a></li> <li class=""><a href="#">link</a></li> <li class=""><a></a></li> <li class=""><a></a></li> <li class="active"><a href="#">link</a></li> </ul> </div> </div> css:
.navbar-header{ position:absolute; width: 100%; left: 0; text-align: center; margin:auto; padding-left:15px; }
Comments
Post a Comment