From db63f8526c41a9aa67cbd269e73aedd27e272c3d Mon Sep 17 00:00:00 2001 From: Uwe Steinmann Date: Sun, 2 May 2021 13:05:48 +0200 Subject: [PATCH] set footer height and body margin on smaller devices --- views/bootstrap4/styles/styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/views/bootstrap4/styles/styles.css b/views/bootstrap4/styles/styles.css index 9925c6347..205e5ca36 100644 --- a/views/bootstrap4/styles/styles.css +++ b/views/bootstrap4/styles/styles.css @@ -31,6 +31,12 @@ body { /* Margin bottom by footer height */ margin-bottom: 60px; } +@media (max-width: 991px) { + body { + /* Margin bottom by footer height */ + margin-bottom: 90px; + } +} .footer { font-size: 80%; position: absolute; @@ -41,6 +47,11 @@ body { _line-height: 17px; /* Vertically center the text there */ background-color: #f5f5f5; } +@media (max-width: 991px) { + .footer { + height: 108px; + } +} .footer .disclaimer { display: inline-block; padding: 15px 0px 0px 0px;