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 e3362e8104e2ca06b3fd5e3611af7ffe104cc5d9..02c032c085f9ab2f8e5d4e587b7da7d583489769 100644 (file)
--- 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 f58453f31e192bf8642abc9cc747a57fe1d58a92..5b59737d228c2609a530fc3a5b5ab45ead7976de 100644 (file)
--- 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