CODEWITHSUNDEEP
htmltwitter-bootstrap
Zabs
Zabs

Reputation: 14142

Link isn't clickable within my navbar on Bootstrap 2 page

Can anyone suggest why the first link isn't clickable & link to the index page within my header on my site using Bootstrap 2 - the link with the 'brand' class currently isn't clickable nor does it link to homepage

Any advice on how to fix?

<div class="navbar" role="navigation">
<div class="container">
 <div class="navbar-header">
   <a class="brand" href="/"><img src="/images/logo.png" id="logo"></a>
   <a class="btn btn-navbar btn-warning navbar-toggle"  data-toggle="collapse" data-target="#navbar-collapse-main">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
   </a>
<!-- extra html content below this line... -->

Upvotes: 0

Views: 126

Answers (1)

Jerry
Jerry

Reputation: 1782

It's the clearfix class which made the navbar container sit on the top of your image.

After removing clearifx from this line of code:

<div class="nav-collapse collapse clearfix" id="navbar-collapse-main">

it's OK. You just might need to reposition the logo slightly.

More about clearfix class

Upvotes: 1

Related Questions