diff --git a/app/assets/stylesheets/store/openfoodweb.css.scss b/app/assets/stylesheets/store/openfoodweb.css.scss
index 1d8e1b9f6f..787a3e908d 100644
--- a/app/assets/stylesheets/store/openfoodweb.css.scss
+++ b/app/assets/stylesheets/store/openfoodweb.css.scss
@@ -15,13 +15,29 @@ table {
   }
 }
 
-#header #logo {
-  margin-top: 10px;
-  padding-top: 10px;
+/* Style current distributor in main nav bar */
+#header {
+  position: relative;
+  margin-bottom: 40px;
+
+  #logo {
+    margin-top: 40px;
+    padding-top: 10px;
+  }
 }
 
-/* Style current distributor in main nav bar */
 nav #main-nav-bar {
+  position: absolute;
+  top: 0px;
+  left: 10px;
+  width: 100%;
+
+  #link-to-cart {
+    position: relative;
+    top: 40px;
+    right: 16px;
+  }
+
   li {
     &#current-distribution {
       float: right;
@@ -36,6 +52,12 @@ nav #main-nav-bar {
   }
 }
 
+nav#top-nav-bar {
+  position: relative;
+  z-index: 999;
+  margin-top: 20px;
+}
+
 
 /* Based on Spree's nav#taxonomies style. Copied instead of
  * extended with SASS because SASS does not allow extending
@@ -315,10 +337,6 @@ div.cleared {
   clear: both;
 }
 
-#link-to-login {
-  padding: 10px;
-}
-
 .secondary {
   color: #6A6A6A;
 }