change header style

components/layout/header/list/col/index.js

@@ -6,9 +6,6 @@ import { isActiveURL } from "@/helper";
 function Col({ isActive, setIsActive, name }) {
   return (
     <div className="flex lg:hidden">
-      {/* <Button variant="text" className="!p-0.5">
-                <MenuHead />
-            </Button> */}
       <div
         className={`
             fixed pb-[31px] pt-[64px] pl-[24px]  padding-responsive top-[-12px] sm:top-[-21px] 

components/layout/index.js

@@ -36,8 +36,10 @@ function Layout({
                   "pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
                 }`}
       >
-        <header className="w-full fixed top-[12px] sm:top-[21px] md:top-[30px] lg:top-[40px] right-1/2 translate-x-1/2 padding-responsive z-[10]">
-          <Header name={name} />
+        <header className="w-full fixed bg-[#FFF] top-0 right-1/2 translate-x-1/2 z-[10]">
+          <div className="w-full padding-responsive">
+            <Header name={name} />
+          </div>
         </header>
         <section
           className={`