1 files changed, 9 insertions, 7 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
index 5ddc13d..fc72cf3 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -49,13 +49,15 @@ class NavParent extends Component {
           <div className='nav-section-name' onMouseEnter={this.handleMouseEnter}>
             <span className="section-link link" onClick={() => actions.viewer.toggleComponent('nav')}>
               <Arrow type={viewer.nav ? 'down' : 'up'} />
-              {viewer.currentSection && 
-                <span>
-                  {ROMAN_NUMERALS[viewer.currentSection.index]}
-                  {'. '}
-                  {viewer.currentSection.title}
-                </span>
-              }
+              {viewer.currentSection && (
+                viewer.mediaTitle
+                ? <span>{viewer.mediaTitle}</span>
+                : <span>
+                    {ROMAN_NUMERALS[viewer.currentSection.index]}
+                    {'. '}
+                    {viewer.currentSection.title}
+                  </span>
+              )}
             </span>
           </div>
           <div onMouseEnter={this.handleMouseEnter}>