diff --git a/js/menus/Ribbon.js b/js/menus/Ribbon.js
index f77421893084621ea9ff260dd0c215b12241a8cb..cbfaf48f73691e000f04828867d4d89e64982c78 100644
--- a/js/menus/Ribbon.js
+++ b/js/menus/Ribbon.js
@@ -21,6 +21,7 @@ define(['jquery', 'underscore', 'backbone', 'plist', 'lattice', 'appState', 'tex
 
             this.listenTo(this.model, "change:ribbonIsVisible", this._changeVisibility);
             this.listenTo(this.model, "change:cellMode", this.render);
+            this.listenTo(this.model, "change:currentNav", this.render);
             this.listenTo(this.model, "change:deleteMode", this.render);
             this.listenTo(this.model, "change:highlightMode", this.render);
             this.listenTo(this.model, "change:cellsVisible", this.render);
diff --git a/js/menus/templates/Ribbon.html b/js/menus/templates/Ribbon.html
index 64cc19de1d79c6eff79384f55236297d8ac48546..72ed5e43777b4c6703249f8bd468c2d52e38fece 100644
--- a/js/menus/templates/Ribbon.html
+++ b/js/menus/templates/Ribbon.html
@@ -7,7 +7,9 @@
         <% } %>
         <!--<a data-type="beam" class="btn btn-primary btn-ribbon ribbonCellMode<% if (cellMode == "beam"){ %> ribbon-selected<% } %>" href="#">Beam</a>-->
         <a data-type="hide" class="btn btn-primary btn-ribbon ribbonCellMode<% if (cellMode == "hide"){ %> ribbon-selected"<% } %>">Hide</a>
-        <a class="btn btn-primary btn-ribbon ribbonDeleteMode<% if (deleteMode){ %> ribbon-selected"<% } %>"><span class="fui-cross"></span></a>
+        <% if (currentNav != "electronicNavSim" && currentNav != "mechanicalNavSim" && currentNav != "navAssemble" && currentNav != "navOptimize"){%>
+            <a class="btn btn-primary btn-ribbon ribbonDeleteMode<% if (deleteMode){ %> ribbon-selected"<% } %>"><span class="fui-cross"></span></a>
+        <% } %>
     </div>
 </div>
 <!--//<a class="btn btn-primary btn-ribbon highlightMode<% if (highlightMode){ %> ribbon-selected<% } %>" href="#"><img data-type="part" src="assets/imgs/cursor-light.png"></a>-->