From 13a06fbef062204286c70eef8a227501dc390ccb Mon Sep 17 00:00:00 2001
From: Halfdan <halm@itu.dk>
Date: Tue, 26 Jan 2021 20:48:29 +0100
Subject: [PATCH] Working on making the site responsive. First and foremost we
 try to do this through using existing bootstrap methods and naming.

---
 themes/datacoop2020/layouts/_default/baseof.html | 2 +-
 themes/datacoop2020/layouts/partials/nav.html    | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/themes/datacoop2020/layouts/_default/baseof.html b/themes/datacoop2020/layouts/_default/baseof.html
index d135724f..c93fce6d 100644
--- a/themes/datacoop2020/layouts/_default/baseof.html
+++ b/themes/datacoop2020/layouts/_default/baseof.html
@@ -9,7 +9,7 @@
 
   <div class="row">
 
-    <div class="col-md-3 datacoop-sidebar d-print-none" style="min-width: 340px;">
+    <div class="col-md-3 datacoop-sidebar d-print-none navbar navbar-expand-md mb-3" style="min-width: 340px;">
       <div class="fixed-top" style="width: 340px; height: 100%;">
         {{ partial "nav.html" . }}
       </div>
diff --git a/themes/datacoop2020/layouts/partials/nav.html b/themes/datacoop2020/layouts/partials/nav.html
index e57ce5ec..e53ee4e0 100644
--- a/themes/datacoop2020/layouts/partials/nav.html
+++ b/themes/datacoop2020/layouts/partials/nav.html
@@ -4,7 +4,11 @@
     <img src="{{ printf "/static/img/logo_%s.svg" .Site.Language.Lang | absURL }}">
   </a>
 
-  <div class="datacoop-menulists">
+  <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="datacoop-menulists collapse navbar-collapse" id="navbarCollapse">
 
     <ul>
       {{ range .Site.Menus.nav }}