Update navbar

base.twig

@@ -27,9 +27,9 @@
 <body{% if config.theme_config.widescreen %} class="widescreen"{% endif %}>
 
     <header id="top" role="banner">
-            <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-end">
+            <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-end sticky">
                 <a id="logo" class="navbar-brand" href="{{ "index"|link }}">
-                    <img style="height:150px;min-width:130px;" src="{{ pages["_meta"].meta.logo|url }}" alt="{{ site_title }}">
+                    <img style="height:100px;min-width:130px;" src="{{ pages["_meta"].meta.logo|url }}" alt="{{ site_title }}">
                     <span>{{ pages["_meta"].meta.tagline|markdown }}</span>
                 </a>
                 <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">

css/style.css

@@ -70,7 +70,6 @@ body { display: flex; flex-direction: column; }
 #title * { margin: 0; color: #41B171; }
 #title p { font-style: italic; }
 
-#logo { height: 10.8em; }
 #logo img { float:left; }
 #logo p {clear: both; }
 
@@ -505,3 +504,14 @@ img.picture {
   border-top: 1px solid;
   margin: 20px 15px;
 }
+
+.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1000;
+}
+
+#main {
+  margin-top: 60px;
+}