From f33a8637e7e7a35e097caa66c73797474412e27c Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 24 Nov 2024 12:46:59 +0200
Subject: [PATCH] made header at mobile fixed

---
 static/js/custom.js            | 2 +-
 templates/partials/header.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/js/custom.js b/static/js/custom.js
index 793737311..078bccdb3 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -104,7 +104,7 @@ function hideMenu(menuName) {
 function showHamburger() {
   document.getElementById("header-container").className = "overflow-hidden";
   document.getElementById("hamburger").className =
-    "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
+    "fixed mt-14 z-20 top-0 inset-x-0 transition transform origin-top-right";
   document.getElementById("hamburger-btn").className =
     "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out";
   document.getElementById("close-hamburger-btn").className =
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 2520709dc..4b7b47fdf 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -2,7 +2,7 @@
 {% set header_items = section.content | safe | split(pat="<li>") %}
 
 <header id="header-container">
-    <div class="z-20 absolute w-full">
+    <div class="z-20 fixed top-0 left-0 right-0 bg-black lg:bg-transparent lg:absolute w-full">
         <div class="relative z-50">
         <div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-4 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
             <div>
@@ -145,7 +145,7 @@
             From: "opacity-100 scale-100"
             To: "opacity-0 scale-95"
         -->
-    <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
+    <div id="hamburger" class="hidden fixed mt-14 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
         <div>
             <div style="background-color: rgba(34 34 34);" class="shadow-xs h-screen divide-y-2 divide-gray-50">
                 <div class="pb-6 sm:px-12 md:px-16 mt-0 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">