From 2ccf54d6d388a852ef1c11e2f135a34367dc31ee Mon Sep 17 00:00:00 2001
From: Cassowary Rusnov <rusnovn@gmail.com>
Date: Tue, 10 Jan 2023 17:41:14 -0800
Subject: [PATCH] Fix smol screen header.

---
 assets/css/main.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/assets/css/main.css b/assets/css/main.css
index ff6d153..179a7f1 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -226,6 +226,10 @@ footer#colophon .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-col
     flex-basis: auto !important;
 }
 
+
+
+
+/* Normal desktop size */
 @media (min-width: 770px) {
     header#masthead {
         display: flex;
@@ -302,3 +306,17 @@ footer#colophon .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-col
     }
 
 }
+
+
+/* Very small screens should cause the menu to fold up and the header to get smol */
+@media (max-width: 400px) {
+    div.site-logo > a > img.custom-logo {
+	width: 5.5rem;
+	height: 4.5rem;
+    }
+
+    header#masthead > div.site-branding { heigt: 0px; margin: 0px; padding: 0px;}
+    header#masthead > p.site-description { heigt: 0px; margin: 0px; padding: 0px;}
+    header#masthead li.menu-item { margin: 0.25em; }
+    nav#site-navigation ul#primary-menu-list { flex-wrap: wrap; padding: 0.5em; }
+}