diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index 6724f7c..172dac0 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -404,7 +404,7 @@
         </iron-pages>
       </app-drawer>
       <app-header-layout>
-        <app-header reveals slot="header">
+        <app-header id="appHeader" reveals slot="header">
           <div id="header" class="layout horizontal center">
             <paper-icon-button hidden$="[[!user]]" icon="search" on-tap="drawerToggle"></paper-icon-button>
             <iron-pages class="flex" attr-for-selected="mode" selected="[[mode]]">
@@ -866,6 +866,16 @@
           this._loadAlbums();
           this._loadDays();
           this._loadPhotos();
+
+          if (this.mode == "slideshow") {
+            this.async(function() {
+              this.$.appHeader.removeAttribute("reveals");
+              this.$.appHeader.setAttribute("fixed", true);
+            }, 3000);
+          } else {
+            this.$.appHeader.setAttribute("reveals", true);
+            this.$.appHeader.removeAttribute("fixed");
+          }
         },
 
         breadcrumb: function(path) {
@@ -1979,6 +1989,15 @@
         },
 
         onResize: function(event) {
+          if (this.mode == "slideshow") {
+            this.$.appHeader.removeAttribute("reveals");
+            this.$.appHeader.setAttribute("fixed", true);
+            this.async(function() {
+              this.$.appHeader.setAttribute("reveals", true);
+              this.$.appHeader.removeAttribute("fixed");
+            }, 3000);
+          }
+
           this.debounce("resize", function() {
             this.triggerVisibilityChecks();
             var width = 200;