Adjust navbar to not hover page main content

Chocimier · the-maldridge · commit 328e4d40a0b8 · 2021-12-07T01:23:12.000-06:00
At about 900px width navbar breaks into two lines. It was hovering page
content on /download and /acknowledgments . Use dedicated css in place
of older technique of fixed margin. On older browsers navbar scrolls
together with page.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -31,7 +31,7 @@
 		<script src="/assets/js/tabbar.js"></script>
 	</head>
 	<body role="document">
-		<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
+		<nav class="navbar navbar-default navbar-inverse navbar-sticky" role="navigation">
 			<div class="container">
 				<div class="navbar-header">
 					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#void-collapsed-navbar">
diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -1,6 +1,6 @@
 body {
 	font-family: 'Ubuntu', sans-serif;
-	padding-top: 70px; /* For bootstrap fixed navbar
+	/*
 	background-color: #111;
 	color: #ddd; */
 }
@@ -16,6 +16,13 @@ code {
 	color: #fff;
 }
 
+.navbar-sticky {
+	position: sticky;
+	top: 0;
+	border-radius: 0;
+}
+
+
 .vcenter {
 	display: inline-block;
 	vertical-align: middle;
