Fix navigation bar not to cover page contents when it goes multi-line

[vadosnaprimer]

• Make navbar static instead of fixed.
• Drop navbar's margin-bottom. Can't say what it was there for, but it shifted everything down with a static navbar.
• Drop body's padding-top. The css file explicitly mentions this.
• Put the forkme image after navbar in the code, so it's also not covered by it.
• Remove the top value of the image. Hard-codedd to be below the single-line navbar, breaks in all other cases, not needed anymore.

Before/after: https://i.imgur.com/pbJnmzX.png -> https://i.imgur.com/PQAZZ6W.png https://i.imgur.com/dYv1aLb.png -> https://i.imgur.com/sMWwhM8.png https://i.imgur.com/JVHjvum.png -> https://i.imgur.com/G4v9DFa.png https://i.imgur.com/vFlYnlV.png -> https://i.imgur.com/57DuHt2.png

The current view is how it looks in all browsers, but I only tested desktop. Mobile should be fine, since collapsed navbar looks the same either way. Drop-down lists are fine too.

[cuavas]

What happens if you scroll down? Does the navigation bar stay put? It's probably better to adjust it so that the body section below the nav bar sits in a scrollable div that fills the space.

[vadosnaprimer]

You are right, the way I did it navbar gets scrolled away. Is it possible to automatically change the body's padding-top to the end height of navbar?

EDIT: At least possible with JS, will try to come up with something.