diff --git a/app/assets/stylesheets/darkswarm/menu.css.scss b/app/assets/stylesheets/darkswarm/menu.css.scss
index 23c2c8ae68..abefec7a23 100644
--- a/app/assets/stylesheets/darkswarm/menu.css.scss
+++ b/app/assets/stylesheets/darkswarm/menu.css.scss
@@ -171,7 +171,7 @@ nav.top-bar {
 .tab-bar {
   background-color: white;
   border-bottom: 1px solid $light-grey-transparency;
-  height: 2.8em;
+  height: $mobile-nav-height;
   position: fixed;
   width: 100%;
   z-index: 1;
@@ -210,6 +210,10 @@ nav.top-bar {
   }
 }
 
+.off-canvas-wrap {
+  overflow: inherit;
+}
+
 .off-canvas-list li.language-switcher ul li {
   list-style-type: none;
   padding-left: 0.5em;
diff --git a/app/assets/stylesheets/darkswarm/shop_search.css.scss b/app/assets/stylesheets/darkswarm/shop_search.css.scss
index f800fdaf00..fdf45329ad 100644
--- a/app/assets/stylesheets/darkswarm/shop_search.css.scss
+++ b/app/assets/stylesheets/darkswarm/shop_search.css.scss
@@ -39,6 +39,12 @@
     }
   }
 
+  @include breakpoint(desktop) {
+    position: -webkit-sticky;
+    position: sticky;
+    top: $mobile-nav-height;
+  }
+
   @include breakpoint(mobile) {
     font-size: 0.9em;
   }
diff --git a/app/assets/stylesheets/darkswarm/variables.css.scss b/app/assets/stylesheets/darkswarm/variables.css.scss
index 29b4d14562..216e7f68ee 100644
--- a/app/assets/stylesheets/darkswarm/variables.css.scss
+++ b/app/assets/stylesheets/darkswarm/variables.css.scss
@@ -31,6 +31,8 @@ $topbar-dropdown-bg: $white;
 $topbar-dropdown-link-bg: $white;
 $topbar-dropdown-link-bg-hover: $white;
 
+$mobile-nav-height: 2.8em;
+
 $radius-small: 0.25em;
 $radius-medium: 0.5em;