Sticky footer

This commit is contained in:
2020-07-26 17:53:03 -04:00
parent 733ed01100
commit eaa3aa41f2
5 changed files with 36 additions and 9 deletions
+17 -2
View File
@@ -1,6 +1,16 @@
/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
body header {
padding: 15px 0;
}
@@ -40,8 +50,13 @@ i {
cursor: default;
}
footer {
margin-top: 24px !important;
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
}
.row-no-padding {