fix: do not freeze page header on screens with width or height under …

…640px
research-software-directory · Dec 1, 2022 · 6f7de9e · 6f7de9e
1 parent d126e06
commit 6f7de9e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/components/layout/PageTitle.tsx b/frontend/components/layout/PageTitle.tsx
@@ -21,6 +21,11 @@ export const PageTitleSticky = styled('section')(({theme})=>({
     flexWrap: 'wrap',
     position: 'relative'
   },
+  '@media (max-height: 640px)':{
+    flexDirection:'column',
+    flexWrap: 'wrap',
+    position: 'relative'
+  },
 }))
 
 export default function PageTitle({title,children}:{title:string,children?:ReactNode}) {