diff --git a/themes/datacoop2020/layouts/_default/baseof.html b/themes/datacoop2020/layouts/_default/baseof.html
index d135724..c93fce6 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 e57ce5e..e53ee4e 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 }}