1 files changed, 4 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
index bc7e4e7..d2462b2 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -59,7 +59,7 @@ class EfluxChrome extends Component {
     const {
       navStyle, navGradient,
       playing, transcriptOpen,
-      isFullscreen, fullscreenVisible,
+      isFullscreen, fullscreenVisible, isFullscreenSingleton,
       growlOpen, growlMessage,
       atEndOfSection, currentSection
     } = this.props
@@ -68,6 +68,7 @@ class EfluxChrome extends Component {
     if (navGradient) className += ' gradient'
     if (transcriptOpen) className += ' transcript-open'
     if (isFullscreen) className += ' is-fullscreen'
+    const fullscreenWantsCloseButton = isFullscreen && fullscreenVisible && !isFullscreenSingleton
     return (
       <div className={className}>
         <div className="eflux-gradient" />
@@ -83,9 +84,9 @@ class EfluxChrome extends Component {
         <div className={growlOpen ? "growl-tooltip growl-message open" : "growl-tooltip growl-message"}>
           {growlMessage}
         </div>
-        {isFullscreen && fullscreenVisible && isHandheld && this.renderCloseButton()}
+        {fullscreenWantsCloseButton && isHandheld && this.renderCloseButton()}
         <div className="eflux-nav">
-          {isFullscreen && fullscreenVisible && !isHandheld && this.renderCloseButton()}
+          {fullscreenWantsCloseButton && !isHandheld && this.renderCloseButton()}
           <span
             onMouseEnter={() => this.handleMouseEnter('play')}
             onMouseLeave={() => this.handleMouseLeave('play')}