fix footer to end of page on non-smartphones

1 files changed, 8 insertions, 0 deletions

diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index fdd0e01..a8fd32c 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -275,6 +275,10 @@ footer {
   color: $gray-light;
   background-color: $gray-dark;
   text-align: center;
+
+  position: fixed;
+  bottom: 0;
+  width: 100%;
 }
 
 /* links */
@@ -565,6 +569,10 @@ a.inverted {
     font-size: 23px;
   }
 
+  footer {
+    position: initial;
+  }
+
   /* navigation bar */
   .navbar {
     position: initial;