From a363772146f881fc9740b02efded3ca07df8fef4 Mon Sep 17 00:00:00 2001
From: Katy DeCorah <katydecorah@gmail.com>
Date: Thu, 12 Oct 2023 21:00:46 -0400
Subject: [PATCH] Small adjustments to header navigation (#160)

* Update site.css

* Update site.css

* Update site.css

* header stuff
---
 _layouts/default.html | 11 +++++------
 assets/site.css       | 24 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 1292b1d..b15204c 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -59,13 +59,12 @@
     {% if page.locations %} {% include post/post-map-header.html %} {% endif %}
     <header>
       <div class="container">
-        {% include shapes/one.html %}
-
+        <div class="title-container">
+          {% include shapes/one.html %}
+          <a class="header-title" href="{{site.url}}">Katy DeCorah</a>
+        </div>
         <nav class="post-meta-breadcrumbs">
-          <ul class="">
-            <li>
-              <a class="header-title" href="{{site.url}}">Katy DeCorah</a>
-            </li>
+          <ul>
             {% if page.title != 'Katy DeCorah' %} {% if site.baseurl != '' %} {%
             if page.title != site.title %}
             <li>{% include icons/chevron-right.svg %}</li>
diff --git a/assets/site.css b/assets/site.css
index fb29bed..0e52374 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -80,6 +80,13 @@ main {
     margin: 0 auto;
     padding: 1rem 2rem;
   }
+
+  .container {
+    display: flex;
+    align-items: center;
+    grid-gap: 1rem;
+    flex-wrap: wrap;
+  }
 }
 
 header {
@@ -87,9 +94,20 @@ header {
 }
 
 header .container {
+  grid-gap: 1rem;
+}
+
+header .title-container {
   display: flex;
   align-items: center;
   grid-gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+@media (width >= 50rem) {
+  header .title-container {
+    margin-bottom: 0;
+  }
 }
 
 header .header-title {
@@ -117,6 +135,12 @@ header ul {
   align-items: center;
 }
 
+@media (width <= 50rem) {
+  header ul li:first-child {
+    display: none;
+  }
+}
+
 hr {
   border-style: solid;
   border-width: 0.25rem;