Fix navigation and add sticky footer which is shit

2017-10-25 20:02:43 +03:00
parent 54e54b00e2
commit 17ad7ab2d4
5 changed files with 92 additions and 73 deletions
@@ -2,20 +2,19 @@
    height:10vh;
 }

-.footer {
-    text-align: center;
+footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 60px; /* Set the fixed height of the footer here */
+    line-height: 60px; /* Vertically center the text there */
    margin-top: 2rem;
    margin-bottom: 1rem;
 }

-#fi-button {
-    background: url("/static/img/fi.png") no-repeat;
-    background-size: cover;
-}
-
-#en-button {
-    background: url("/static/img/en.png") no-repeat;
-    background-size: cover;
+footer .container .col .nav .nav-item {
+    display: inline-block;
+    margin-right: 3vh;
 }

 .lang-button {
@@ -30,8 +29,6 @@
    display: inline-block;
 }

-.lang-form {
-    margin-left: auto;
-    margin-right: auto;
+footer .lang-form {
    max-width: 10rem;
-}
+}