On small screen devices (width less than 767px), the expanded navbar covers the main page content.

[generalgmt]

Steps:

1. Reduce the screen size to 767px orr .
2. click on the collapsible button to expand the nav bar.
   After this, you will see the expanded nav bar covering the content section as shown in the images bellow:

It will be great experience to have an enhancement to the boiler plate that keeps the main page visible as users dropdown the menu instead of covering the main page. This change overall gives a better User Experience.

[generalgmt]

After adding a position attribute of "relative" here is how it will look like:

[ilanbiala]

@mleanos have you noticed this? @generalgmt we aren't really building a UI framework so this isn't a top priority, but if this fix causes no other issues then I'm fine merging it in.

[lirantal]

Obviously if this fixes a UI issue we should go for it.

[d3dc]

How is this different from the bootstrap class navbar-static-top ?

Why introduce a new class that overrides position: fixed when the style library already offers a way to do this without an override?

I believe having the nav open over the page is the intended behavior of navbar-fixed-top.

[trendzetter]

I think this is interesting, I am having some issues with navigation too and I want to return to as close as possible to the mainstream bootstrap way of things.
btw: I am developing an application that tracks meanjs as upstream and I had to reject the changes from pr #1276 in order to merge and make my application work correctly.
I want to test this tonight

[ilanbiala]

@trendzetter does navbar-fixed-top fix this issue?

[generalgmt]

@d3dc, yeah that is exactly what navbar-static-top does. Thanks for pointing that out.

[trendzetter]

@ilanbiala I almost forgot about it. it seems to working ok + I just checked if my application works with navbar-static-top and it is compatible. I suggest to remove the relative-header, probably I am not the only one having gui issues as a result.