From 22719fce9bc579b7f1e5ed6b02f0130fe4c3fc39 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 13 May 2025 11:39:39 -0700
Subject: [PATCH] WIP

---
 dist/app.css           | 7 +++++++
 dist/mix-manifest.json | 2 +-
 src/scss/header.scss   | 6 ++++++
 tpl/header.tpl         | 2 +-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 292d650..306b41a 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12099,6 +12099,13 @@ a {
   width: 80%;
   max-width: 358px;
 }
+@media (max-width: 767.98px) {
+  .top-nav .logo-wrapper {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
+}
 .top-nav nav.main-nav > div {
   height: 100%;
 }
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index c385132..858a004 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=e87e05bd26822b1fc6dae092decfb838",
-    "/app.css": "/app.css?id=c7f474ec52cfd3adc0c0bc6fab2984b0"
+    "/app.css": "/app.css?id=b0a787eafff9fde54128004303799552"
 }
diff --git a/src/scss/header.scss b/src/scss/header.scss
index ddcd94d..a68bc55 100644
--- a/src/scss/header.scss
+++ b/src/scss/header.scss
@@ -4,6 +4,12 @@
     .logo-wrapper {
         width: 80%;
         max-width: 358px;
+
+        @include media-breakpoint-down(md) {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+        }
     }
 
     nav.main-nav {
diff --git a/tpl/header.tpl b/tpl/header.tpl
index 79907fd..28da0a8 100644
--- a/tpl/header.tpl
+++ b/tpl/header.tpl
@@ -17,7 +17,7 @@
     <div class="container">
         <div class="row">
             <div class="col">
-                <div class="d-flex justify-content-between">
+                <div class="d-flex justify-content-between flex-column flex-lg-row">
                     <div class="logo-wrapper">
                         <a href="/"><img src="{{ logo }}" alt="{{#wp-title}}" /></a>