updated style

src/components/Partials/MediaHeader.jsx

@@ -110,7 +110,7 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
     <>
       <div className="header-wrapper backdrop-blur-sm bg-[#efedfe5e]/60 dark:bg-transparent w-full h-full flex items-center xl:px-0 md:px-10 px-5">
         <div className="flex justify-between items-center w-full">
-          <button
+          {/* <button
             className="xl:hidden block mr-10"
             type="button"
             onClick={sidebarHandler}
@@ -157,12 +157,12 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
                 </linearGradient>
               </defs>
             </svg>
-          </button>
+          </button> */}
 
-          <div className="search-bar xl:hidden justify-center items-center w-[376px]">
-            {/* Home */}
+          {/* Home */}
+          {/* <div className="search-bar xl:hidden justify-center items-center w-[376px]">
             <HomeButton />
-          </div>
+          </div> */}
 
           {/* Back BTN AND TITLE */}
           <div className="pl-4 w-full flex justify-start gap-3 items-center">
@@ -199,7 +199,7 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
                 )}
             </div>
 
-            <h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
+            <h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide line-clamp-1">
             {title && title}
             </h1>
           </div>