From: Stephen Cameron <stephen@cubedesigners.com>
Date: Wed, 15 May 2019 16:34:38 +0000 (+0200)
Subject: Header alignment fix on large screens. WIP #2684 @0:05
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3051be0ad621c3557d166436748f745d04f9e2e2;p=c6-wordpress.git

Header alignment fix on large screens. WIP #2684 @0:05
---

diff --git a/wp-content/themes/c6/resources/assets/styles/common/debug.styl b/wp-content/themes/c6/resources/assets/styles/common/debug.styl
index e3362e8..02c032c 100644
--- a/wp-content/themes/c6/resources/assets/styles/common/debug.styl
+++ b/wp-content/themes/c6/resources/assets/styles/common/debug.styl
@@ -1,5 +1,5 @@
 // Debugging styles
-$debug = 0
+$debug = 1
 
 if ($debug > 1)
 
@@ -13,7 +13,7 @@ if ($debug)
       z-index: 20 !important // Put overlays above header
 
   html
-    lost-utility: overlay $content-max-width 1 10px #ccc;
+    lost-utility: overlay ($content-max-width * 0.9) 1 10px #ccc;
 
   body
     lost-utility: overlay 1536px 1 2px rgba(#fc0, 0.7);
diff --git a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl
index f58453f..5b59737 100644
--- a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl
+++ b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl
@@ -17,7 +17,7 @@ header.site
     pointer-events: none
 
   .inner
-    center()
+    center($content-max-width * 0.9) // 90% max-width to give an extra 5% either side at largest screen sizes
     background-color: #fff
     position: relative
     display: flex