Question

Having issues with Twitter Bootstrap responsive navigation. The best way to explain this is in steps.

go to: http://library.buffalo.edu/redesign/html/findlibrarymaterials/

Resize the design to below 768px

Open the nav via the button on the top right, then close it

Now resize the design to above 768px

For some reason the navigation disappears after you make the design larger. It reappears after refresh. I’m sure this is something I did with the CSS, but I can’t seem to figure out what.

Any help would be appreciated. Thanks

Answer 1

Your navbar is getting hidden when the ‘collapse’ class is applied – even if the ‘in’ class is removed. Try adding (or un-deleting) this:

.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
}