From 0210e5f4ddb6dc1da973787b86ae246a8a08f469 Mon Sep 17 00:00:00 2001 From: Patrick Mifsud Date: Wed, 18 Jul 2018 21:43:52 +1000 Subject: [PATCH] Footer Placement Fix Footer now stays at the bottom --- _layouts/default.html | 30 +++++++++++++++++++----------- _sass/_site.scss | 24 ++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 11 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 8b7b2c3..a9876ca 100755 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -2,16 +2,24 @@ {% include head.html %} - {% include header.html %} - -
-
- {{ content }} -
-
-
- {% include footer.html %} -
- {% include include_js.html %} +
+ +
+ +
+
+ {{ content }} +
+
+
+ +
+ {% include include_js.html %} diff --git a/_sass/_site.scss b/_sass/_site.scss index 52bb4c6..028d26a 100644 --- a/_sass/_site.scss +++ b/_sass/_site.scss @@ -14,6 +14,30 @@ body { margin:0; } +html, +body { + margin:0; + padding:0; + height:100%; +} + +#wrapper { + min-height:100%; + position:relative; +} + +#content { + padding:10px; + padding-bottom:60px; /* Height of the footer */ +} + +#footer { + position:absolute; + bottom:0; + width: 100%; + } + + .navbar-toggler { outline: none !important; border: none !important;