NavBar Fixed

src/components/Navbar/index.js

@@ -212,7 +212,7 @@ function Navbar({
       {/* portrait end */}
     </div>
   ) : (
-    <header className={`rounded-b-md w-full bg-transparent pb-4`}>
+    <header className={`rounded-b-md w-full bg-transparent pb-1`}>
       <div className="flex flex-row justify-between items-center  px-20 border-b border-gray-200 border-solid py-4 ">
         <div className="divide-x flex flex-row transform gap-4">
           {/* <span className="text-sm font-normal text-blue52">
@@ -269,7 +269,7 @@ function Navbar({
         </div>
 
         <div
-          className={`flex items-center relative w-full py-4 px-20  border-b border-solid border-gray-200 transform bg-white ${
+          className={`flex items-center relative w-full py-2 px-20  border-b border-solid border-gray-200 transform bg-white ${
             desktopEndTransform ? "" : ""
           }`}
           style={
@@ -282,11 +282,13 @@ function Navbar({
             <img
               src={darkCrimsonHamburgerMenu}
               alt=""
-              className="w-5 transform translate-y-1 ml-2"
+              className="w-8 transform translate-y-1 ml-2"
             />
             {/* <img src={whiteHamburgerMenu} alt="" className="w-3 h-3" /> */}
             <span className={`text-sm text-blue52 ${productCategoryTextColor}`}>
-              دسته بندی کالاها&nbsp;&nbsp;
+              دسته بندی کالاها
+              
+              &nbsp;&nbsp;
             </span>
           </div>
           <div
@@ -306,7 +308,7 @@ function Navbar({
             {pages.map((item, index) => (
               <Link
                 to={item.link}
-                className={`text-sm text-blue52 ${menuItemsColor}`}
+                className={`text-sm text-blue52 ${menuItemsColor} hover:text-blueC0`}
                 key={"nav" + index}
               >
                 {item.name}