diff --git a/_pkgdown.yml b/_pkgdown.yml
index aa99ef56..2f101d22 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -1,4 +1,6 @@
 template:
+  bootstrap: 5
+  light-switch: false
   opengraph:
     image:
       src: man/figures/hexsticker.png
@@ -9,22 +11,33 @@ template:
 navbar:
   title: ~
   type: default
-  left:
-  - text: NEWS
-    href: news/index.html
-  - text: Tutorials
-    href: articles/index.html
-  - text: Functions
-    href: reference/index.html
-  - text: Contributing
-    href: CONTRIBUTING.html
-  right:
-  - icon: "fa fa-github"
-    href: https://github.com/inbo/checklist
-  - icon: "fa fa-twitter"
-    href: https://twitter.com/INBOVlaanderen
-  - icon: "fa fa-facebook"
-    href: https://www.facebook.com/pg/INBOVlaanderen
+  structure:
+    left:  [intro, reference, news, tutorials, contributing]
+    right: [search, github]
+  components:
+    tutorials:
+      text: Tutorials
+      href: articles/index.html
+      menu:
+      - text: Philosophy of the checklist package
+        href: articles/philosophy.html
+      - text: Setting up checklist for a package
+        href: articles/getting_started.html
+      - text: Setting up checklist for a project
+        href: articles/getting_started_project.html
+      - text: Organisations
+        href: articles/organisation.html
+      - text: Spell checking with checklist
+        href: articles/spelling.html
+      - text: Recommended folder structure
+        href: articles/folder.html
+      - text: File paths in code
+        href: articles/path.html
+      - text: Setting up the integration between GitHub, Zenodo and ORCID
+        href: articles/zenodo.html
+    contributing:
+      text: Contributing
+      href: CONTRIBUTING.html
 
 reference:
 - title: Functions relevant for checking packages
@@ -47,18 +60,6 @@ reference:
   contents:
   - has_concept("utils")
 
-articles:
-- title: Getting started
-  contents:
-  - philosophy
-  - folder
-  - path
-  - getting_started
-  - getting_started_project
-  - spelling
-  - zenodo
-  - organisation
-
 authors:
   Thierry Onkelinx:
     href: "https://www.muscardinus.be"
diff --git a/inst/package_template/pkgdown.css b/inst/package_template/pkgdown.css
index 00938dd1..ba8bfe49 100644
--- a/inst/package_template/pkgdown.css
+++ b/inst/package_template/pkgdown.css
@@ -19,12 +19,14 @@ a:hover {
 .navbar,
 .label-default,
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
-  background-color: #356196;
+  background-color: #356196 !important;
 }
 
-.navbar-default .navbar-link,
-.navbar-default .navbar-nav>li>a {
-  color: #ffffff;
+.navbar,
+.navbar-brand,
+.nav-link,
+.nav-text.text-muted {
+  color: #ffffff !important;
 }
 
 .nav-pills li.active>a, .nav-pills li>a:hover {
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
index 00938dd1..ba8bfe49 100644
--- a/pkgdown/extra.css
+++ b/pkgdown/extra.css
@@ -19,12 +19,14 @@ a:hover {
 .navbar,
 .label-default,
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
-  background-color: #356196;
+  background-color: #356196 !important;
 }
 
-.navbar-default .navbar-link,
-.navbar-default .navbar-nav>li>a {
-  color: #ffffff;
+.navbar,
+.navbar-brand,
+.nav-link,
+.nav-text.text-muted {
+  color: #ffffff !important;
 }
 
 .nav-pills li.active>a, .nav-pills li>a:hover {