dummy header

src/App.tsx

@@ -24,7 +24,8 @@ import
    
   Header,
   MediaQuery,
-  Burger
+  Burger,
+  Stack
 } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
 import { notificationAlert, notificationError, notificationSuccess } from './services/Notifications';
@@ -77,10 +78,12 @@ const App: React.FC = () =>
     <MantineProvider withNormalizeCSS withGlobalStyles>
       <NotificationsProvider position="top-center" >       
         <div className="App">
+          <Stack>
+            <div className='h-11'></div>       {/* dummy header */}
             <BrowserRouter basename='/dog/'>
               <AppShell
                 padding={0}
-                
+                fixed
                 navbarOffsetBreakpoint="sm"
                 navbar={<DogNavbar hidden={!opened} hasUser={user ? true : false} onLogout={userLogout}/>} 
               
@@ -118,6 +121,7 @@ const App: React.FC = () =>
               </Routes>
               </AppShell>
             </BrowserRouter>
+            </Stack>
           </div>
       </NotificationsProvider>
     </MantineProvider>