I made it harder than it needed to be.

I did several trial and errors to see if I could keep the original code.
But it came down to changing the background size from contain to cover.
A simple fix, yet I made it harder than it needed to be as usual.

diff --git a/css/app.css b/css/app.css
index f1073dc..9b9c10b 100755 (executable)
--- a/css/app.css
+++ b/css/app.css
@@ -6218,7 +6218,7 @@ header {
 #still {
   margin-top: 0;
   padding-top: 0;
-  background-size: contain !important;
+  background-size: cover !important;
   /*    background-position: center !important;*/
   background-repeat: no-repeat !important;
   position: relative; }

diff --git a/functions.php b/functions.php
index c1b8b2a..29a2a27 100755 (executable)
--- a/functions.php
+++ b/functions.php
@@ -107,7 +107,7 @@ function GLM_get_header() {
     if (has_post_thumbnail()) {
             $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
             echo '<header id="still" style="background: url('.$image_data[0].');'
-                    . 'min-height: 400px;max-height: 400px"></header>';
+                    . 'min-height: 400px;max-height: 400px;"></header>';
     } else {
             echo '<header id="still" style="background: url('.get_template_directory_uri().'/assets/default-header.jpg);'
                     . 'min-height: 400px;max-height: 400px"></header>';

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 2d7afdc..68d6f23 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -79,7 +79,7 @@ header {
 #still {
     margin-top: 0;
     padding-top: 0;
-    background-size: contain !important;
+    background-size: cover!important;
 /*    background-position: center !important;*/
     background-repeat: no-repeat !important;
     position: relative;