From 72a92503e86c2c73b45e1c5a5d7e3bb8d0f68a01 Mon Sep 17 00:00:00 2001
From: ray <gitea@rayelliott.dev>
Date: Fri, 21 Feb 2020 15:39:45 +0000
Subject: [PATCH] add a primary menu item that shows along side mobile menu
 button

---
 assets/scss/_navigation.scss | 8 ++++++++
 layouts/partials/header.html | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/assets/scss/_navigation.scss b/assets/scss/_navigation.scss
index 1a5c6b4..b0a97d0 100644
--- a/assets/scss/_navigation.scss
+++ b/assets/scss/_navigation.scss
@@ -108,4 +108,12 @@
       }
     }
   }
+  .primary-menu-item {
+    display: none;
+
+    @media only screen and (max-width: 768px) {
+      display: block;
+      margin-left: auto;
+    }
+  }
 }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index ba2e2b7..0c2516b 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -4,6 +4,11 @@
       {{ .Site.Title }}
     </a>
     {{ if or .Site.Menus.main .Site.IsMultiLingual }}
+    <span class="primary-menu-item">
+      {{ with index $.Site.Menus.main 0 }}
+          <a class="navigation-link" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+      {{ end }}
+    </span>
     <input type="checkbox" id="menu-toggle" />
     <label class="menu-button float-right" for="menu-toggle">{{ partial "svg/hamburger.svg" }}</label>
     <ul class="navigation-list">