Twitter bootstrap responsive navigation disappears after opening and closing

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;
}

Answer 2

I was very hopeful that eterps's answer would solve my problem since my problem was the exact same one described in the question. However, eterps's answer did not work for me for some reason.

After inspecting my navbar element on Chrome's Inspect Element tool, I found that my navbar had the following property:

display: none;

For me, this is what fixed it:

.nav-collapse.collapse {
    display: block !important;
}

No need to put in a media query.