header update

functions.php

@@ -8,3 +8,8 @@ function twitchfront_enqueue_styles() {
 		get_stylesheet_uri()
 	);
 }
+
+
+function storefront_site_branding() {
+	echo '<a href="' . get_site_url( ) . '"><img class="st-masthead-logo" src="/wp-content/themes/twitchfront/assets/images/logotype-dark-blue.png" alt="Slowtwitch Logo" /></a>';
+}

style.css

@@ -8,4 +8,32 @@
     width: 250px !important;
     object-fit: cover;
     aspect-ratio: 1 / 1;
- }
+ }
+
+ .st-masthead-logo {
+   margin-bottom: 2em;
+ }
+
+ @media (max-width: 768px) {
+   #masthead {
+      display: grid;
+      grid-template-columns: 1em minmax(250px, 600px) minmax(130px, 400px) 1em;
+      align-items: center;
+      justify-content: end;
+    }
+   
+    .st-masthead-logo {
+      grid-column: 2 / span 1;
+      margin-bottom: 0;
+      width: 100%;
+    }
+
+    .storefront-primary-navigation .col-full {
+      margin-right: 0;
+    }
+
+    .handheld-navigation {
+      text-align: right;
+    }
+ }
+