Sticky banner update

3 years ago · 7e338e9643
parent ae6b4f06e0
commit 7e338e9643
2 changed files with 3 additions and 4 deletions
--- a/components/global-header.tsx
+++ b/components/global-header.tsx
@ -88,7 +88,7 @@ function MobileMenuLinks() {

 export function GlobalHeader() {
  return (
-    <Box bg='gray.900' p='58px 0 20px'>
+    <Box bg='gray.900' p='20px 0'>
      <Container maxW='container.md'>
        <Flex justifyContent='space-between' alignItems='center'>
          <Box>
--- a/components/sticky-banner.tsx
+++ b/components/sticky-banner.tsx
@ -10,9 +10,8 @@ export function StickyBanner() {
          bg={'yellow.300'}
          color='gray.900'
          alignItems='center'
-          position='fixed'
-          left={0}
-          right={0}
+          position='sticky'
+          top={0}
          zIndex={999}
          justifyContent='center'
          py='8px'