ok

src/components/Header.js

@@ -5,6 +5,7 @@ import { useNavigationHelpers } from "../helpers/navigationHelpers";
 import Switch from "react-switch";
 
 const HeaderBar = styled.div`
+  pointer-events: auto;
   margin-top:${(props) => (props.HeaderMargin)};
   display: flex;
   justify-content: space-between;
@@ -306,7 +307,7 @@ const Header = ({
     return `${cafeName}'s menu`;
   };
   return (
-    <HeaderBar HeaderMargin={HeaderMargin}>
+    <HeaderBar HeaderMargin={HeaderMargin} >
       <Title HeaderSize={HeaderSize}>
         {shopName == null
           ? HeaderText == null