diff --git a/docs/index.md b/docs/index.md
index bc3c1b1..c3f5912 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -20,6 +20,20 @@ title: Start
   });
 </script>
 
+<script>
+  window.addEventListener('scroll', () => {
+    const header = document.querySelector('.md-header');
+    const tabs = document.querySelector('.md-tabs');
+    if (window.scrollY > window.innerHeight * 0.8) {
+      header.style.transform = "translateY(0)";
+      if (tabs) tabs.style.transform = "translateY(0)";
+    } else {
+      header.style.transform = "translateY(-100%)";
+      if (tabs) tabs.style.transform = "translateY(-100%)";
+    }
+  });
+</script>
+
 <!-- Bakgrundsbild med filter -->
 <div style="
   position: absolute;
diff --git a/docs/overrides/header__title.css b/docs/overrides/header__title.css
new file mode 100644
index 0000000..92e52ff
--- /dev/null
+++ b/docs/overrides/header__title.css
@@ -0,0 +1,4 @@
+.md-nav--primary .md-nav__title {
+  background: none !important;
+  box-shadow: none !important;
+}
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 87d7ebe..53ac13c 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -33,4 +33,10 @@
   --md-primary-fg-color: #FFD300 !important;
   --md-primary-fg-color--light: #FFE066 !important;
   --md-primary-fg-color--dark: #CCAA00 !important;
+}
+
+
+.md-header,
+.md-tabs {
+  transition: transform 0.3s ease;
 }
\ No newline at end of file