fix navbar on product pae

src/components/Loader/Loader.jsx

@@ -23,6 +23,8 @@ const Loader = () => {
       width: "100%",
       height: "100%",
       backgroundColor: "white",
+      top:0,
+      left:0,
       position: "fixed",
       display: (display) ? "flex" : "none",
       alignItems:"center",

src/components/Navbar/Navbar.jsx

@@ -108,7 +108,7 @@ const Navbar = () => {
 
   const swiperRef = useRef(null); // Create a ref for the Swiper instance
   const [showHeader, setShowHeader] = useState(true);
-  const [isAtTop, setIsAtTop] = useState(true);
+  const [isAtTop, setIsAtTop] = useState(false);
   const [lastScrollPos, setLastScrollPos] = useState(0);
   const [language, setLanguage] = useState('English');
   const dispatch = useDispatch();
@@ -128,9 +128,10 @@ const Navbar = () => {
   useEffect(() => {
 
     dispatch(fetchProducts())
+    if (window.location.pathname === "/") setIsAtTop(true);
 
     const handleScroll = () => {
-      setIsAtTop(window.scrollY < 20);
+      if (window.location.pathname === "/") setIsAtTop(window.scrollY < 20);
     };
 
     window.addEventListener("scroll", handleScroll);