From ccc8f030361c0d94dbcafe9d03f0e264e3a65ea0 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@onolan.org>
Date: Sun, 17 Nov 2019 23:47:26 +0700
Subject: [PATCH] Stacked navigation

---
 assets/css/ghost/header.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/assets/css/ghost/header.css b/assets/css/ghost/header.css
index f06f955e..ea97f6e7 100644
--- a/assets/css/ghost/header.css
+++ b/assets/css/ghost/header.css
@@ -208,6 +208,28 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     padding: 0;
 }
 
+/* Center Stacked */
+.gh-head-stacked .gh-container {
+    grid-template-columns: 1fr;
+    grid-gap: 2vmin;
+}
+.gh-head-stacked .gh-head-brand {
+     grid-column-start: 1;
+     width: 100%;
+     max-width: none;
+     display: flex;
+     justify-content: center;
+     text-align: center;
+}
+.gh-head-stacked .gh-head-menu,
+.gh-head-stacked .gh-head-actions,
+.gh-head-stacked .gh-head-actions-list {
+    justify-content: center;
+}
+.gh-head-stacked .gh-head-actions a:first-child svg {
+    margin-left: 0;
+}
+
 
 /* Mobile Menu
 /* ---------------------------------------------------------- */
@@ -235,6 +257,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
         justify-content: space-between;
         user-select: none;
     }
+    #gh-head .gh-head-logo {
+        font-size: 2.2rem;
+    }
+    #gh-head .gh-head-logo img {
+        max-height: 40px;
+    }
     #gh-head .gh-head-menu {
         align-self: center;
         display: flex;