From c3912553e6565074f55b56469737df93095f7873 Mon Sep 17 00:00:00 2001
From: Jan Slifka <jan.slifka@gmail.com>
Date: Wed, 1 Nov 2023 10:15:31 +0100
Subject: [PATCH] Add fixed navbar

---
 _sass/_custom_classes.scss   | 10 ++++++++++
 _sass/_custom_variables.scss |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/_sass/_custom_classes.scss b/_sass/_custom_classes.scss
index 8ecb733..483fd56 100644
--- a/_sass/_custom_classes.scss
+++ b/_sass/_custom_classes.scss
@@ -11,8 +11,18 @@
     }
 }
 
+body {
+    padding-top: 5.5rem;
+}
+
 header {
     .navbar {
+        position: fixed;
+        top: 0;
+        right: 0;
+        left: 0;
+        z-index: 1030;
+
         .navbar-brand {
             min-height: 54px;
             position: relative;
diff --git a/_sass/_custom_variables.scss b/_sass/_custom_variables.scss
index 77cc426..aa38a7d 100644
--- a/_sass/_custom_variables.scss
+++ b/_sass/_custom_variables.scss
@@ -1,4 +1,4 @@
 // Find out which theme variables you can use to fine tune the styling of your website here: https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/blob/main/_sass/_variables.scss
 // Copy paste theme here and change where necessary .
 
-$topnav-bg: transparent;
\ No newline at end of file
+$topnav-bg: $white;