add home back to menu, make sure the language toggle stays on one line and go to hamburger menu from larger screen sizes as the menu is now quite long.

Author: Erik2609

assets/scss/_common.scss

@@ -1200,4 +1200,8 @@ $accent: #FF4081;
   .container-xl {
     max-width: 90vw;
   }
+}
+
+.nowrap {
+  white-space: nowrap;
 }

config/_default/menus.NL.toml

@@ -1,4 +1,9 @@
 # main menu
+[[main]]
+name = "Home"
+url = "/nl"
+weight = 1
+
 [[main]]
 name = "Algoprudentie"
 weight = 2

config/_default/menus.en.toml

@@ -1,7 +1,12 @@
 # main menu
+[[main]]
+name = "Home"
+url = "/"
+weight = 1
+
 [[main]]
 name = "Algoprudence"
-weight = 2
+weight = 3
 url = "/algoprudence"
 hasChildren = true
   [[main]]
@@ -28,7 +33,7 @@ hasChildren = true
 
 [[main]]
 name = "Technical tools"
-weight = 3
+weight = 4
 hasChildren = true
 url = "/technical-tools/BDT"
   [[main]]
@@ -64,7 +69,7 @@ url = "/technical-tools/BDT"
 
 [[main]]
 name = "Knowledge platform"
-weight = 1
+weight = 2
 hasChildren = true
 url = "/knowledge-platform/knowledge-base"
   [[main]]
@@ -99,7 +104,7 @@ url = "/knowledge-platform/knowledge-base"
 [[main]]
 name = "Events"
 url = "events"
-weight = 4
+weight = 5
 hasChildren = true
   [[main]]
   parent = "Events"
@@ -118,7 +123,7 @@ hasChildren = true
 
 [[main]]
 name = "About"
-weight = 5
+weight = 6
 hasChildren = true
 url = "/about/contact"
   [[main]]

layouts/partials/header.html

@@ -4,11 +4,11 @@
   <div class="container col-12" id="header-container">
 
     <!-- navbar -->
-    <nav class="navbar navbar-expand-lg navbar-light">
+    <nav class="navbar navbar-expand-xl navbar-light">
       <div class="navbar-div">
         <a class="navbar-brand" href="{{ site.Home.RelPermalink }}">
           {{ with site.Params.logo}}
-          <img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | relURL }}" alt="{{ site.Title }}">
+          <img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | relURL }}" alt="{{ site.Title }}" style="min-width: {{site.Params.logo_width}};">
           {{ else }}{{site.Title}}{{end}}
         </a>
       </div>
@@ -62,7 +62,7 @@
           {{ if .IsTranslated }}
           {{ range .Translations }}
           <li class="nav-item d-inline-block" style="min-width: 137px;">
-            <a href="{{ .RelPermalink }}" class="nav-link d-inline-block" title="Language toggle">
+            <a href="{{ .RelPermalink }}" class="nav-link d-inline-block nowrap" title="Language toggle">
               <div class="d-inline" {{ if eq .Site.Language.Lang "en" }} style="font-weight: 350;" {{ end}}>
                 EN
               </div>