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

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

json - Gson().fromJson(jsonResult, Myobject.class) return values in 0's -