Update Header.component.tsx

Author: w3bdesign

src/components/Layout/Header.component.tsx

@@ -36,8 +36,11 @@ export default function Header() {
     <header className="z-[999] relative">
       <MotionDiv
         className="bg-slate-800 bg-opacity-80 fixed top-0 left-1/2 h-[4.5rem] w-full shadow rounded-none shadow-lg shadow-black/[0.03] backdrop-blur-[0.5rem] sm:top-6 sm:h-[3.25rem] sm:w-[36rem] sm:rounded-full dark:bg-gray-900 dark:border-black/40 dark:bg-opacity-75"
-        initial={isMobile ? { x: "-50%" } : { y: -50, x: "-50%", opacity: 0 }}
-        animate={isMobile ? { x: "-50%" } : { y: 0, x: "-50%", opacity: 1 }}
+        //initial={isMobile ? { x: 0 } : { y: -50, x: "-50%", opacity: 0 }}
+        //animate={isMobile ? { x: 0 } : { y: 0, x: "-50%", opacity: 1 }}
+
+        initial={{ y: -50, x: "-50%", opacity: 0 }}
+        animate={{ y: 0, x: "-50%", opacity: 1 }}
         transition={{ duration: 0.6 }}
       ></MotionDiv>