From 52c463c249d38b762481f9896d36103328708c7e Mon Sep 17 00:00:00 2001
From: Julian <julian@vantage-design.com>
Date: Wed, 11 Mar 2020 11:33:15 +0100
Subject: Fixed navbar collapse

---
 layouts/partials/header.html | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

(limited to 'layouts')

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 5d0170e..25c9c01 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,20 +1,26 @@
-<nav class="navbar navbar-expand navbar-dark bg-primary shadow sticky-top">
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow sticky-top" id="navbarMain">
     <div class="container">
         <div>
             <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
                 {{ .Site.Title }}
             </a>
         </div>
-        <ul class="navbar-nav ml-auto">
-            {{- with .Site.Menus.shortcuts}}
-                  {{- range sort . "Weight"}}
-                      <li class="nav-item">
-                          <a class="nav-link" href="{{.URL}}" {{if eq $.Site.Params.menushortcutsnewtab true}}target="_blank"{{end}}>
-                            {{safeHTML .Name}}
-                          </a>
-                      </li>
-                  {{- end}}
-            {{- end}}
-        </ul>
+        <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarMainCollapse" aria-controls="navbarMainCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarMainCollapse">
+          <ul class="navbar-nav ml-auto">
+              {{- with .Site.Menus.shortcuts}}
+                    {{- range sort . "Weight"}}
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{.URL}}" {{if eq $.Site.Params.menushortcutsnewtab true}}target="_blank"{{end}}>
+                              {{safeHTML .Name}}
+                            </a>
+                        </li>
+                    {{- end}}
+              {{- end}}
+          </ul>
+        </div>
     </div>
 </nav>
-- 
cgit v1.2.3