html - A href links not clickable or highlightable -
i'm not sure why href links aren't working...at 1 point in time working, did research on z-index doesn't seem problem, nor have overlapping div.
please visit jsfiddle.net demo.
<nav class="navbar-default"> <div class="util-bar-content"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img src="images/util-bar-logo.png" /></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-left"> <li> <p style="margin-top: 6px; max-height: 36px;">1(800) 000 - 0000</p> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">about</a></li> <li><a href="#">contact</a></li> <li><a href="#">services</a></li> </ul> </div> </div> </div> </nav>
here's css
.navbar-nav > li > a, .navbar-brand { padding-top: 8px !important; padding-bottom: 0 !important; height: 36px; }.navbar-brand { padding-top: 0px !important; padding-bottom: 0 !important; height: 36px; }.navbar { min-height: 36px !important; }
i'm using bootstrap framework.
change give links class of link , set class have z-index of 9999;
example:
<li> <a class="links" href="#">about</a> </li> .links { z-index:9999; }
Comments
Post a Comment