Large breakpoint instead of medium

Author: Jagmeet Dhillon

theme/src/components/Header.tsx

@@ -42,7 +42,7 @@ const stylesThunk = (theme: Theme): Record<string, SxProps<Theme>> => ({
 const Header: React.FC = () => {
   const theme = useTheme()
   const styles = stylesThunk(theme)
-  const isLargerScreen = useMediaQuery(theme.breakpoints.up('md'))
+  const isLargerScreen = useMediaQuery(theme.breakpoints.up('lg'))
   const [mobileMenu, setMobileMenu] = useState(false)
 
   const handleMobileMenuChange = () => {

theme/src/components/menus/MainMenu.tsx

@@ -31,7 +31,7 @@ interface MainMenuProps {
 
 const MainMenu: React.FC<MainMenuProps> = ({ mobileMenuState }) => {
   const theme = useTheme()
-  const isLargerScreen = useMediaQuery(theme.breakpoints.up('md'))
+  const isLargerScreen = useMediaQuery(theme.breakpoints.up('lg'))
   const data = useStaticQuery(graphql`
     query HeaderQuery {
       site {