From fe7cdbd00be774f61787a867ee190ab64aaed4fc Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 26 Mar 2019 12:50:53 -0400 Subject: [PATCH] Reduce bloated logo size in mobile view --- css/app.css | 7 +++++-- header.php | 2 +- scss/_page.header.scss | 9 ++++++--- 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/css/app.css b/css/app.css index 67f43c7..8d09ea4 100644 --- a/css/app.css +++ b/css/app.css @@ -6821,9 +6821,12 @@ header#page-header { #sm-logo { float: left; background: black; - padding: 0 20px 20px; } + padding: 0 20px 20px; + width: 100%; + text-align: center; } #sm-logo img { - padding-top: 19px; } + padding-top: 19px; + max-width: 220px; } ul#sec-nav { display: inline-block; diff --git a/header.php b/header.php index 8e109bd..f385ad6 100644 --- a/header.php +++ b/header.php @@ -4,7 +4,7 @@ <?php wp_title(); ?> - + diff --git a/scss/_page.header.scss b/scss/_page.header.scss index 289bc88..7ce6b73 100644 --- a/scss/_page.header.scss +++ b/scss/_page.header.scss @@ -175,12 +175,15 @@ header#page-header { // } } #sm-logo { - img { - padding-top: 19px; - } float: left; background: black; padding: 0 20px 20px; + width: 100%; + text-align: center; + img { + padding-top: 19px; + max-width: 220px; + } } ul#sec-nav { display: inline-block; -- 2.17.1