diff --git a/src/custom/components/Header/MobileMenuIcon/index.tsx b/src/custom/components/Header/MobileMenuIcon/index.tsx index 25804a2057..393e7ffe99 100644 --- a/src/custom/components/Header/MobileMenuIcon/index.tsx +++ b/src/custom/components/Header/MobileMenuIcon/index.tsx @@ -67,7 +67,6 @@ interface IconProps { width?: number height?: number lineSize?: number - onTouchStart?: () => void onClick?: () => void } diff --git a/src/custom/components/Header/index.tsx b/src/custom/components/Header/index.tsx index 4d2b7cbdde..af46cb4fff 100644 --- a/src/custom/components/Header/index.tsx +++ b/src/custom/components/Header/index.tsx @@ -84,7 +84,6 @@ export default function Header() { const isUpToSmall = useMediaQuery(upToSmall) const isLargeAndUp = useMediaQuery(LargeAndUp) - const [isTouch, setIsTouch] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) const handleMobileMenuOnClick = useCallback(() => { isUpToLarge && setIsMobileMenuOpen(!isMobileMenuOpen) @@ -94,8 +93,6 @@ export default function Header() { // This removes the inner scrollbar on the page body, to prevent showing double scrollbars. useEffect(() => { isMobileMenuOpen ? addBodyClass('noScroll') : removeBodyClass('noScroll') - // Set if device has touch capabilities - setIsTouch('ontouchstart' in document.documentElement) }, [isOrdersPanelOpen, isMobileMenuOpen, isUpToLarge, isUpToMedium, isUpToSmall, isLargeAndUp]) return ( @@ -137,13 +134,7 @@ export default function Header() { - {isUpToLarge && ( - - )} + {isUpToLarge && } {isOrdersPanelOpen && } diff --git a/src/custom/theme/baseTheme.tsx b/src/custom/theme/baseTheme.tsx index 055b290a37..af58680b5c 100644 --- a/src/custom/theme/baseTheme.tsx +++ b/src/custom/theme/baseTheme.tsx @@ -399,6 +399,10 @@ export const ThemedGlobalStyle = createGlobalStyle` right: initial!important; position: fixed!important; } + + body.noScroll div[id^='appzi-wfo-'] { + display: none!important; + } `} // START - Modal overrides