ok

src/components/Header.js

@@ -5,7 +5,7 @@ import { useNavigationHelpers } from "../helpers/navigationHelpers";
 import Switch from "react-switch";
 
 const HeaderBar = styled.div`
-  margin-top: 25px;
+  margin-top:${(props) => (props.HeaderMargin)};
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -230,6 +230,7 @@ const Header = ({
   removeConnectedGuestSides,
   setIsEditMode,
   isEditMode,
+  HeaderMargin='25px'
 }) => {
   const { goToLogin, goToGuestSideLogin, goToAdminCafes } =
     useNavigationHelpers(shopId, tableCode);
@@ -300,7 +301,7 @@ const Header = ({
     return `${cafeName}'s menu`;
   };
   return (
-    <HeaderBar>
+    <HeaderBar HeaderMargin={HeaderMargin}>
       <Title HeaderSize={HeaderSize}>
         {shopName == null
           ? HeaderText == null