diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss
index a81aa0e139..e641f44526 100644
--- a/core/client/assets/sass/layouts/editor.scss
+++ b/core/client/assets/sass/layouts/editor.scss
@@ -18,6 +18,12 @@
 
 .editor {
 
+    #notifications {
+        @include breakpoint($biggerthan-mobile) {
+            bottom: 40px;
+        }
+    }
+
     // The main post title
     .entry-title {
         @extend %box;
diff --git a/core/client/assets/sass/modules/global.scss b/core/client/assets/sass/modules/global.scss
index a53fa1653b..9e2de0cfd8 100644
--- a/core/client/assets/sass/modules/global.scss
+++ b/core/client/assets/sass/modules/global.scss
@@ -930,6 +930,14 @@ nav {
    ========================================================================== */
 
 #notifications {
+    @include breakpoint($biggerthan-mobile) {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 980;
+        width: 300px;
+    }
+
     @include breakpoint($mobile) {
         position: fixed;
         top: 0;
@@ -944,17 +952,6 @@ nav {
 }
 
 %notification, .notification {
-    @include box-sizing(border-box);
-    width: 100%;
-    min-height: 40px;
-    padding: 10px 43px 10px 57px;
-    margin: 0 0 15px 0;
-    color: rgba(255,255,255,0.9);
-    background: $blue;
-    position:relative;
-    box-shadow: $shadow;
-    @include transform(translateZ(0));
-
     @include icon($i-notification) {
         position: absolute;
         top: 0;
@@ -967,6 +964,18 @@ nav {
         color: rgba(255,255,255,0.8);
         background: rgba(0,0,0,0.1);
     };
+    @include box-sizing(border-box);
+    width: 100%;
+    min-height: 40px;
+    padding: 10px 43px 10px 57px;
+    margin: 0 0 15px 0;
+    color: rgba(255,255,255,0.9);
+    background: $blue;
+    position:relative;
+    box-shadow: $shadow;
+    @include transform(translateZ(0));
+
+    @include breakpoint($mobile) {margin-bottom: 1px;}
 
     .close {
         @include icon-after($i-close) {
@@ -1206,7 +1215,7 @@ main {
     right:0;
     z-index: 400;
     height: 40px;
-    padding: 12px 15px;
+    padding: 10px 15px;
     text-transform: uppercase;
     color: $brown;
     //Transparent gradient to make bg fade out as it goes out the top.
diff --git a/core/client/assets/sass/modules/mixins.scss b/core/client/assets/sass/modules/mixins.scss
index dcfa55cc97..6f42cc4058 100644
--- a/core/client/assets/sass/modules/mixins.scss
+++ b/core/client/assets/sass/modules/mixins.scss
@@ -42,7 +42,7 @@ $mobile: 400px;
 $biggerthan-widescreen: min-width 1500px, min-width 1500px;
 $biggerthan-netbook: min-width 1000px, min-width 1000px;
 $biggerthan-tablet: min-width 800px, min-width 800px;
-$biggerthan-mobile: min-width 400px, min-width 400px;
+$biggerthan-mobile: min-width 401px, min-width 401px;
 
 // Heights
 $letterbox: max-height 600px, max-height 600px;