diff --git a/templates/base.html b/templates/base.html
index 11499edd..d99f9208 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -65,11 +65,13 @@
         })
         //header
         var prevScrollPos = window.pageYOffset; 
- 
+
         window.onscroll = function() { 
-        var currentScrollPos = window.pageYOffset; 
+        var currentScrollPos = window.pageYOffset;
+        const getHeaderHeight = document.getElementById('header')
+        const headerPosition = header.offsetTop + header.offsetHeight;
  
-        if (prevScrollPos < currentScrollPos) { 
+        if (prevScrollPos < currentScrollPos && currentScrollPos > headerPosition ) { 
             document.getElementById("header").classList.add("header-hidden"); 
             document.getElementById("header").classList.remove("header-visible"); 
         }