Bootstrap navbar overlapping body content
Acoording to bootstrap navbar-fixed-top docs:
###Body padding required
The fixed navbar will overlay your other content, unless you add padding to the top of the
<body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.
body { padding-top: 70px; }
Make sure to include this after the core Bootstrap CSS.
I think if it takes two lines on non-mobile viewport, you can set
@media screen and (min-width: 768px) {
body { padding-top: 100px; }
}