From 3140f0cf21cbdfe446c2fe4c1ddee9a655452143 Mon Sep 17 00:00:00 2001
From: Giancarlo Buomprisco <giancarlopsk@gmail.com>
Date: Wed, 5 Feb 2025 17:03:20 +0700
Subject: [PATCH] Improve PageHeader responsiveness for sidebar trigger and
 description (#146)

---
 packages/ui/src/makerkit/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/makerkit/page.tsx b/packages/ui/src/makerkit/page.tsx
index 190d39b1d..9d9e30f27 100644
--- a/packages/ui/src/makerkit/page.tsx
+++ b/packages/ui/src/makerkit/page.tsx
@@ -170,12 +170,12 @@ export function PageHeader({
       <div className={'flex flex-col gap-y-2'}>
         <div className="flex items-center gap-x-2.5">
           {displaySidebarTrigger ? (
-            <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground h-4.5 w-4.5 cursor-pointer" />
+            <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
           ) : null}
 
           <If condition={description}>
             <If condition={displaySidebarTrigger}>
-              <Separator orientation="vertical" className="h-4 w-px" />
+              <Separator orientation="vertical" className="h-4 w-px hidden lg:block" />
             </If>
 
             <PageDescription>{description}</PageDescription>