Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Second level navigations not shown on a collapsed navbar fixed to the top #16102

Closed
danse opened this issue Mar 18, 2015 · 5 comments
Closed

Comments

@danse
Copy link

danse commented Mar 18, 2015

When a navigation bar is fixed to the top, clicking on dropdowns will not change the navigation bar height. This way, some links will become unaccessible. If the dropdowns are the last elements in the navigation bar, their content will not be accessible

how to reproduce

Go to the Bootstrap doc at http://getbootstrap.com/components/#navbar, which says Currently v3.3.4 while i am writing, with a browser with a narrow viewport. Inspect the markup and add the class navbar-fixed-top to the navigation bar in order to make it fixed. Click on the dropdown buttons

browser

I see this behaviour with Chrome 41

@zacechola
Copy link

Approximate duplicate of #12738?

@cvrebert
Copy link
Collaborator

Yes. Closing as a duplicate.

@danse
Copy link
Author

danse commented Mar 19, 2015

Not a duplicate of #12738 for me, but not a bug as well, after reading that issue. The problem here is that i did not see the scroll bar, since i am using Chrome on OSX. So this is more an usability issue, i expected the navigation bar to expand vertically as it does when it is not fixed. Anyway glad to know that i can just scroll, thanks!

@zacechola
Copy link

Oh in that case:

.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}

Override that to adjust the height of the dropdowns to your content. Know that there are issues with fixed top and the height of the viewport, though...

@danse
Copy link
Author

danse commented Mar 19, 2015

thanks for the hint!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants