CODEWITHSUNDEEP
csstwitter-bootstrap
Frederik Heyninck
Frederik Heyninck

Reputation: 3543

Twitter bootstrap dropdown cutoff

I created a fixed navbar with a dropdown menu in it. But the dropdown menu is cutoff and not visible when clicked.

You can see a demo at http://svn.figure8.be/bootstrap/menu.html.

I hope somebody can point me in the right direction.

Upvotes: 3

Views: 5710

Answers (3)

Joel Dean
Joel Dean

Reputation: 2454

In the bootstrap.min.css there is a property called overflow in the .collapse class which is set to hidden. Remove this property and it will work. This is the class the overflow property is located in

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

or you can just set it to visible

.collapse {
position: relative;
height: 0;
overflow: visible;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

Upvotes: 8

Frederik Heyninck
Frederik Heyninck

Reputation: 3543

Removing the collapse class fixes my problem.

Upvotes: 1

Chad Kapatch
Chad Kapatch

Reputation: 585

The collapse class causes this, it adds overflow:hidden which hides any overflow elements.

Upvotes: 0

Related Questions