diff --git a/app/com/gitpitch/views/frags/SlideshowNotificationBarStyle.scala.html b/app/com/gitpitch/views/frags/SlideshowNotificationBarStyle.scala.html
index d0c91d0..666b63f 100644
--- a/app/com/gitpitch/views/frags/SlideshowNotificationBarStyle.scala.html
+++ b/app/com/gitpitch/views/frags/SlideshowNotificationBarStyle.scala.html
@@ -1,5 +1,11 @@
 @(ssm: com.gitpitch.models.SlideshowModel)
 <style>
+  #title-footer.footer-visible {
+      display: inline;
+  }
+  #title-footer.footer-hidden {
+      display: none;
+  }
   #title-footer #notification {
     font-family: 'Roboto', sans-serif;
   }
diff --git a/app/com/gitpitch/views/frags/SlideshowNotifications.scala.html b/app/com/gitpitch/views/frags/SlideshowNotifications.scala.html
index 15835f5..f7dc2b2 100644
--- a/app/com/gitpitch/views/frags/SlideshowNotifications.scala.html
+++ b/app/com/gitpitch/views/frags/SlideshowNotifications.scala.html
@@ -1,13 +1,19 @@
 @(ssm: com.gitpitch.models.SlideshowModel)
 <script>
     function pushNotification(msg, fade) {
+      var footer = document.getElementById('title-footer')
       var notification = document.getElementById('notification')
-      if(fade) {
-        notification.className = "footer-fade";
-        notification.innerHTML = msg;
+      if(window.innerWidth < 700) {
+        footer.className = "footer-hidden";
       } else {
-        notification.className = "footer-hard";
-        notification.innerHTML = msg;
+          footer.className = "footer-visible";
+          if(fade) {
+            notification.className = "footer-fade";
+            notification.innerHTML = msg;
+          } else {
+            notification.className = "footer-hard";
+            notification.innerHTML = msg;
+          }
       }
     };