fixed footer nav

layouts/_default/baseof.html

@@ -92,15 +92,17 @@
     </article>
 
     <footer>
-      <div class="editPage">
-        <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}" title="{{ i18n "editPage" }}">{{ i18n "editPage" }}</a>
-      </div>
-      <div class="center">
-        <a href="{{ ref . "impressum.md" }}">{{ i18n "imprint" }}</a>
-      </div>
-      <div class="lang-dropdown-container">
-        {{ $.Scratch.Set "nav-orientation" "up" }}
-        {{ partial "lang-dropdown.html" . }}
+      <div class="container">
+        <div class="editPage">
+          <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}" title="{{ i18n "editPage" }}">{{ i18n "editPage" }}</a>
+        </div>
+        <div class="center">
+          <a href="{{ ref . "impressum.md" }}">{{ i18n "imprint" }}</a>
+        </div>
+        <div class="lang-dropdown-container">
+          {{ $.Scratch.Set "nav-orientation" "up" }}
+          {{ partial "lang-dropdown.html" . }}
+        </div>
       </div>
     </footer>
   </body>

static/css/main.css

@@ -321,11 +321,11 @@ nav .container {
     white-space: nowrap;
 }
 
-.container .lang-dropdown {
+nav .container .lang-dropdown {
     color: #1b54ac;
 }
 
-.container .lang-dropdown {
+nav .container .lang-dropdown {
     padding: 15px 5px 15px 25px;
 }
 
@@ -337,7 +337,7 @@ nav .container {
     content: '▴';
 }
 
-.container .lang-dropdown ul {
+nav .container .lang-dropdown ul {
     top: 10px;
 }
 
@@ -492,11 +492,15 @@ a:hover, a:active {
 
 footer {
     background: #363636;
-    display: flex;
     flex-shrink: 0;
     white-space: nowrap;
 }
 
+footer .container {
+    display: flex;
+    position: relative;
+}
+
 footer .editPage {
     padding: 15px;
     flex: 1 1 0;
@@ -509,7 +513,7 @@ footer .editPage a {
     padding-left: 20px;
 }
 
-footer a {
+footer .container a {
     color: #EDEDED;
 }
 
@@ -581,7 +585,9 @@ footer .lang-dropdown {
         line-height: inherit;
     }
 
-    article > *, article .container {
+    article > *, 
+    article .container,
+    footer .container {
         padding: 0 25px;
     }