From 17ad74a59fd0a4ab846a6505690d11e030f240fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 27 Sep 2022 17:29:58 +0200
Subject: [PATCH] Hide fixed nav ShopLocationSwitcher on mobile

---
 src/components/organisms/ShopBanner.svelte | 8 +++++++-
 src/style/pages/_shop.scss                 | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/organisms/ShopBanner.svelte b/src/components/organisms/ShopBanner.svelte
index 3813d0b..4d33dab 100644
--- a/src/components/organisms/ShopBanner.svelte
+++ b/src/components/organisms/ShopBanner.svelte
@@ -19,6 +19,7 @@
 
     const { shop, shopLocations }: any = getContext('shop')
 
+    let innerWidth: number
     let navObserver: IntersectionObserver
     let introEl: HTMLElement, navChooseEl: HTMLElement
     let scrolledPastIntro = false
@@ -104,6 +105,9 @@
     })
 </script>
 
+<svelte:window bind:innerWidth />
+
+
 <section class="shop-page__intro" bind:this={introEl}>
     <div class="top container">
         <a href="/" class="back" data-sveltekit-noscroll>
@@ -155,6 +159,8 @@
     class:is-visible={scrolledPastIntro}
     class:is-overlaid={$cartOpen}
 >
-    <ShopLocationSwitcher />
+    {#if innerWidth > 768}
+        <ShopLocationSwitcher />
+    {/if}
     <ButtonCart />
 </nav>
\ No newline at end of file
diff --git a/src/style/pages/_shop.scss b/src/style/pages/_shop.scss
index 4df1fe5..e8a8dcd 100644
--- a/src/style/pages/_shop.scss
+++ b/src/style/pages/_shop.scss
@@ -11,7 +11,7 @@
     top: var(--inset);
     left: var(--inset);
     right: var(--inset);
-    justify-content: space-between;
+    justify-content: flex-end;
     transform: translate3d(0, -88px, 0);
     transition: transform 1s var(--ease-quart);
     transition-delay: 100ms;
@@ -19,6 +19,7 @@
 
     @include bp (sm) {
         --inset: 32px;
+        justify-content: space-between;
     }
 }
     // Visible state