diff --git a/step-web/src/main/webapp/js/backbone/step_router.js b/step-web/src/main/webapp/js/backbone/step_router.js
index 6dd61b9b3b..143e6a6868 100644
--- a/step-web/src/main/webapp/js/backbone/step_router.js
+++ b/step-web/src/main/webapp/js/backbone/step_router.js
@@ -22,7 +22,7 @@ var StepRouter = Backbone.Router.extend({
         this.navigate(url, { trigger: false, replace: true});
     },
 
-    navigatePreserveVersions: function (partial, stripCommentaries, skipPage, skipQFilter) {
+    navigatePreserveVersions: function (partial, stripCommentaries, skipPage, skipQFilter, startNewPageForPhone) {
         //get versions of current active passage
         //add versions from current active passage
         var activePassage = step.util.activePassage();
@@ -51,7 +51,10 @@ var StepRouter = Backbone.Router.extend({
 		skipPage = (skipPage) ? true : false;
 		skipQFilter = (skipQFilter) ? true : false;
         if ((allVersions !== "") && (searchParameters !== "")) searchParameters = allVersions + "|" + searchParameters;
-        this.navigateSearch(searchParameters, skipQFilter, skipPage);
+        if (step.touchDevice && !step.touchWideDevice && startNewPageForPhone)
+            window.open("/?q=" + searchParameters.split(" ")[0], "_blank");
+        else
+            this.navigateSearch(searchParameters, skipQFilter, skipPage);
     },
     navigateSearch: function (args, skipQFilter, skipPage) {
         var activePassageId = step.util.activePassageId();
@@ -200,7 +203,7 @@ var StepRouter = Backbone.Router.extend({
             }
         });
     },
-    handleRenderModel: function (passageModel, partRendered, queryArgs) {
+    handleRenderModel: function (passageModel, partRendered, queryArgs, doNotScroll) {
         passageModel.save({
                 args: queryArgs != null ? decodeURIComponent(queryArgs) : "",
                 urlFragment: Backbone.history.getFragment()
@@ -224,8 +227,8 @@ var StepRouter = Backbone.Router.extend({
         } else {
             this.handleSearchResults(passageModel, partRendered);
         }
-
         this._renderSummary(passageModel);
+        step.util.hideNavBarOnPhones(doNotScroll);
     },
 
     _renderSummary: function (passageModel) {
@@ -321,7 +324,13 @@ var StepRouter = Backbone.Router.extend({
                 $("#nextChapterWordle").hide();
                 $("#newLineWordle").show();
                 $("#nextChapterInputLine").show();
-                self.handleRenderModel(passageModel, false, query);
+                var doNotScroll = false;
+                if ( ((typeof pageNumber === "string") && (!isNaN(pageNumber))) ||
+                      (typeof pageNumber === "number") ) {
+                    if (parseInt(pageNumber) > 1)
+                    	doNotScroll = true;
+                }
+                self.handleRenderModel(passageModel, false, query, doNotScroll);
             },
             passageId: activePassageId,
             level: 'error'
diff --git a/step-web/src/main/webapp/js/backbone/views/view_display.js b/step-web/src/main/webapp/js/backbone/views/view_display.js
index 83fa874cf6..153d5b3060 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_display.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_display.js
@@ -147,23 +147,6 @@ var DisplayView = Backbone.View.extend({
 
         //reset the 'clear' values
         interlinearBlocks.not(".verseStart").css("clear", "none");
-        /*var previousElementOffset = undefined;
-
-        for (var i = 0; i < interlinearBlocks.length; i++) {
-            var element = interlinearBlocks.eq(i);
-            var elementOffset = element.offset();
-
-            //skip the first element
-            if (previousElementOffset) {
-                //check that previous element is either left or higher up
-                var currentPadding = 0;
-                if (previousElementOffset.top < elementOffset.top) {
-                    element.css("clear", "left");
-                }
-                elementOffset = element.offset();
-            }
-            previousElementOffset = elementOffset;
-        }*/
     },
     /**
      * Estimates the height of each block in an interlinear like way
diff --git a/step-web/src/main/webapp/js/backbone/views/view_display_passage.js b/step-web/src/main/webapp/js/backbone/views/view_display_passage.js
index 3eaeb9155c..09ce3ebb15 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_display_passage.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_display_passage.js
@@ -32,15 +32,17 @@ var PassageDisplayView = DisplayView.extend({
             cv[C_colorCodeGrammarAvailableAndSelected] = (options.indexOf("C") > -1) && (availableOptions.indexOf("C") > -1);
             if ((cv[C_colorCodeGrammarAvailableAndSelected]) && (typeof c4 === "undefined")) cf.initCanvasAndCssForClrCodeGrammar(); //c4 is currentClrCodeConfig.  It is called to c4 to save space
             var passageHtml, ntCSSOnThisPage = '', otCSSOnThisPage = '', pch, hasTOS = false, hasNTMorph = false;
-            var bibleVersions = this.model.attributes.masterVersion.toUpperCase() + "," + this.model.attributes.extraVersions.toUpperCase();
-            if ((bibleVersions.indexOf('THOT') > -1)) {
+            var reference = this.model.get("osisId");
+            var version = this.model.get("masterVersion");
+            var extraVersions = this.model.get("extraVersions");
+            var bibleVersions = version.toUpperCase() + "," + extraVersions.toUpperCase();
+            // check if OT or NT  12/13/2023 PT
+            // console.log("place to add NT OT check: "+reference+ " " +bibleVersions);
+            if ((bibleVersions.indexOf('ESV_MORPH') > -1) || (bibleVersions.indexOf('THOT') > -1)) {
                 if (cv[C_otMorph] == null) {
-                    var notIE = !(false || !!document.documentMode);
-                    // If browser is not IE, use "cache: true".  If IE, use "cache: false"
-                    // This is required because of an IE and Jquery issue.
                     jQuery.ajax({
                         dataType: "script",
-                        cache: notIE,
+                        cache: true,
                         url: "js/tos_morph.js",
                         error: function (jqXHR, exception) {
                             console.log('load tos_morph.js Failed: ' + exception);
@@ -49,7 +51,7 @@ var PassageDisplayView = DisplayView.extend({
                 }
                 hasTOS = true;
             }
-            if ((bibleVersions.indexOf('KJV') > -1) || (bibleVersions.indexOf('SBLG') > -1) || (bibleVersions.indexOf('CUN') > -1)) hasNTMorph = true;
+            if ((bibleVersions.indexOf('ESV_MORPH') > -1) || (bibleVersions.indexOf('KJV') > -1) || (bibleVersions.indexOf('SBLG') > -1) || (bibleVersions.indexOf('CUN') > -1)) hasNTMorph = true;
             if (this.partRendered) {
                 if (cv[C_colorCodeGrammarAvailableAndSelected]) {
                     if (hasTOS) {
@@ -78,9 +80,6 @@ var PassageDisplayView = DisplayView.extend({
             }
             var passageId = this.model.get("passageId");
             var interlinearMode = this.model.get("interlinearMode");
-            var extraVersions = this.model.get("extraVersions");
-            var reference = this.model.get("osisId");
-            var version = this.model.get("masterVersion");
             var languages = this.model.get("languageCode");
             var passageContainer = this.$el.closest(".passageContainer");
             if (this._isPassageValid(passageHtml, reference)) {
@@ -88,7 +87,7 @@ var PassageDisplayView = DisplayView.extend({
                 this._warnIfNoStrongs(version);
                 this._warnIfFirstTimeCompare(interlinearMode);
                 this._warnIfInterlinearFirstTime(interlinearMode);
-                this._warnFirstTimeColourCoding();
+                this._warnFirstTimeColorCoding();
                 this._warnCommentaryLookupVersion(version, extraVersions);
                 this.doFonts(passageHtml, options, interlinearMode, languages);
                 this.doSwapInterlinearLink(passageHtml);
@@ -108,16 +107,17 @@ var PassageDisplayView = DisplayView.extend({
                 if (!this.partRendered) {
                     step.util.ui.emptyOffDomAndPopulate(this.$el, passageHtml);
                 }
-                $(this.$el).find(".passageContentHolder").scroll(function(){
+                var monitorElement = (step.touchDevice && !step.touchWideDevice) ? $(document) : $(this.$el).find(".passageContentHolder");
+                monitorElement.scroll(function(){
                     $(".versePopup").hide();
                     if ($(this).find(".resultsLabel").text() !== "") // This is search result
                         return;
                     var allVerseNumbers = $(this).find(".verseNumber");
-                    var thisTop = $(this).offset().top;
+                    var thisTop = (step.touchDevice && !step.touchWideDevice) ? $(window).scrollTop() + 21 : $(this).offset().top;
                     for (var i = 0; i < allVerseNumbers.length; i++) {
                         var curVerse = allVerseNumbers[i];
                         if ($(curVerse).offset().top > thisTop) {
-                            var refButton = $(this).parent().parent().find("button.select-reference");
+                            var refButton = (step.touchDevice && !step.touchWideDevice) ? $("button.select-reference") : $(this).parent().parent().find("button.select-reference");
                             var newText = curVerse.innerHTML;
                             var isInterLinear = $(this).find('.interlinear').length > 0;
                             if ( ((isInterLinear) && (newText.indexOf(":") > -1)) ||
@@ -130,7 +130,10 @@ var PassageDisplayView = DisplayView.extend({
                                     if (curVerseParts.length > 1)
                                         newText = curVerseParts[1];
                                 }
-                                newText = origText[0].trim() + ":" + newText;
+                                if (origText[0].trim() === "")
+                                    newText = "Ref";
+                                else
+                                    newText = origText[0].trim() + ":" + newText;
                             }
                             $(refButton).text(newText);
                             break;
@@ -140,7 +143,7 @@ var PassageDisplayView = DisplayView.extend({
 
                 //needs to happen after appending to DOM
 				
-                this.updateColor();
+                this.updateSTEPColor();
 				
                 this._doChromeHack(passageHtml, interlinearMode, options);
                 this.doInterlinearVerseNumbers(passageHtml, interlinearMode, options);
@@ -252,7 +255,7 @@ var PassageDisplayView = DisplayView.extend({
                 });
             }
         },
-        _warnFirstTimeColourCoding: function () {
+        _warnFirstTimeColorCoding: function () {
             var options = this.model.get("options") || "";
             if (options.indexOf("D") != -1) {
                 step.util.raiseOneTimeOnly("display_divide_hebrew_explanation", "info");
@@ -463,30 +466,31 @@ var PassageDisplayView = DisplayView.extend({
             }
         },
 
-        keepNotesInSync: function (passageContent) {
-            var currentHeight = passageContent.height();
-            passageContent.find(".notesPane").height(currentHeight);
-            $(passageContent).on('scroll', function () {
-                //find top verse - 1.
-                var allVerses = $(".verse", passageContent);
-                var lastVerse = undefined;
-                for (var ii = 0; ii < allVerses.length; ii++) {
-                    var currentVerse = $(allVerses[ii]);
-                    var versePosition = currentVerse.position().top;
-                    if (top >= 0) {
-                        break;
-                    }
-                    lastVerse = currentVerse;
-                }
-
-                if (lastVerse == undefined) {
-                    passageContent.find(".notesPane").scrollTop(0);
-                }
-                else {
-
-                }
-            });
-        },
+        // Does not seem to be in used.  11/30/2023 PT
+        // keepNotesInSync: function (passageContent) {
+        //     var currentHeight = passageContent.height();
+        //     passageContent.find(".notesPane").height(currentHeight);
+        //     $(passageContent).on('scroll', function () {
+        //         //find top verse - 1.
+        //         var allVerses = $(".verse", passageContent);
+        //         var lastVerse = undefined;
+        //         for (var ii = 0; ii < allVerses.length; ii++) {
+        //             var currentVerse = $(allVerses[ii]);
+        //             var versePosition = currentVerse.position().top;
+        //             if (top >= 0) {
+        //                 break;
+        //             }
+        //             lastVerse = currentVerse;
+        //         }
+
+        //         if (lastVerse == undefined) {
+        //             passageContent.find(".notesPane").scrollTop(0);
+        //         }
+        //         else {
+
+        //         }
+        //     });
+        // },
 
         /**
          * Creates a QTIP for a particular xref
@@ -528,12 +532,10 @@ var PassageDisplayView = DisplayView.extend({
                                         }
                                     }
                                 }
-
                                 $.getSafe(BIBLE_GET_BIBLE_TEXT + chosenVersion + "/" + encodeURIComponent(xref), function (data) {
                                     var text2Display = data.value;
-                                    if (data.value.length > 1200) {
-                                        text2Display = $(data.value).text().substring(0,1000) + " ...";
-                                    }
+                                    if (data.value.length > 1100)
+                                    	text2Display = $(data.value).text().substring(0,900) + " ...";
                                     api.set('content.title.text', data.longName);
                                     api.set('content.text', text2Display);
                                     api.set('content.osisId', data.osisId)
@@ -676,7 +678,7 @@ var PassageDisplayView = DisplayView.extend({
             step.util.ui.addStrongHandlers(passageId, passageContent)
         },
 
-        updateColor: function () {
+        updateSTEPColor: function () {
             this.updateSpecificColor("clrHighlight", "#17758F");
 			this.updateSpecificColor("clrHighlightBg", "#17758F");
             this.updateSpecificColor("clrText", "#5d5d5d");
diff --git a/step-web/src/main/webapp/js/backbone/views/view_display_search.js b/step-web/src/main/webapp/js/backbone/views/view_display_search.js
index 0e438df177..38b38752bd 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_display_search.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_display_search.js
@@ -74,14 +74,11 @@ var SearchDisplayView = DisplayView.extend({
             if ((cv[C_colorCodeGrammarAvailableAndSelected]) && (typeof c4 === "undefined")) cf.initCanvasAndCssForClrCodeGrammar(); //c4 is currentClrCodeConfig.  It is called to c4 to save space
             var passageHtml, ntCSSOnThisPage = '', otCSSOnThisPage = '', hasTOS = false, hasNTMorph = false;
             var bibleVersions = this.model.attributes.masterVersion.toUpperCase() + "," + this.model.attributes.extraVersions.toUpperCase();
-            if ((bibleVersions.indexOf('THOT') > -1)) {
+            if ((bibleVersions.indexOf('ESV_MORPH') > -1) || (bibleVersions.indexOf('THOT') > -1)) {
                 if (cv[C_otMorph] == null) {
-                    var notIE = !(false || !!document.documentMode);
-                    // If browser is not IE, use "cache: true".  If IE, use "cache: false"
-                    // This is required because of an IE and Jquery issue.
                     jQuery.ajax({
                         dataType: "script",
-                        cache: notIE,
+                        cache: true,
                         url: "js/tos_morph.js",
                         error: function (jqXHR, exception) {
                             console.log('load tos_morph.js Failed: ' + exception);
@@ -90,7 +87,7 @@ var SearchDisplayView = DisplayView.extend({
                 }
                 hasTOS = true;
             }
-            if ((bibleVersions.indexOf('KJV') > -1) || (bibleVersions.indexOf('SBLG') > -1) || (bibleVersions.indexOf('CUN') > -1)) hasNTMorph = true;
+            if ((bibleVersions.indexOf('ESV_MORPH') > -1) || (bibleVersions.indexOf('KJV') > -1) || (bibleVersions.indexOf('SBLG') > -1) || (bibleVersions.indexOf('CUN') > -1)) hasNTMorph = true;
 
             results = this.options.partRendered ? this.$el.find("> span") : this.renderSearch(append, this.$el.find(".searchResults"));
 
@@ -190,6 +187,8 @@ var SearchDisplayView = DisplayView.extend({
 		}
 		
         this._doChromeHack(this.$el, this.model.get("interlinearMode"), this.model.get("options"));
+        if (step.touchDevice && !step.touchWideDevice)
+            $(".copyrightInfo").removeClass("copyrightInfo").addClass("crInfoX");
     },
     _getErrorMessage: function () {
         var errorMessage = $("<span>");
@@ -243,8 +242,11 @@ var SearchDisplayView = DisplayView.extend({
      * @returns {*}
      */
     getScrollableArea: function () {
+        if (step.touchDevice && !step.touchWideDevice)
+            return $(document);
         return this.$el.closest(".passageContent").find("> span");
-    }, getMoreResults: function () {
+    },
+    getMoreResults: function () {
         var self = this;
 
         //never load new pages
@@ -258,20 +260,18 @@ var SearchDisplayView = DisplayView.extend({
 
         var scrollableArea = this.getScrollableArea();
 
-
         //visible height
         var clientHeight = scrollableArea.prop("clientHeight");
+        if (typeof clientHeight !== "number")
+            clientHeight = $(window).height();
 
-        //how far down we are
-        var scrollTop = scrollableArea.prop("scrollTop");
-
-        //total scrollable height
-        var scrollHeight = scrollableArea.prop("scrollHeight");
-
-        var leftToScroll = scrollHeight - scrollTop - clientHeight;
-
-        var scrollDownProportion = scrollableArea.scrollTop() / scrollableArea.prop("scrollHeight");
-        if (scrollDownProportion > 0.7 || scrollDownProportion == scrollableArea.height() || leftToScroll < 800) {
+        var numOfSearchRows = $(".searchResultRow").length;
+        if (numOfSearchRows == 0)
+            return;
+        var thirtyPercentRowsPerPage = (numOfSearchRows / this.pageNumber) * .3;
+        var checkRow = Math.floor(numOfSearchRows - thirtyPercentRowsPerPage);
+        var posOf70PercentRowInLastPage = $($(".searchResultRow")[checkRow])[0].getBoundingClientRect().top;
+        if (posOf70PercentRowInLastPage < clientHeight) {
             var currentPageNumber = this.pageNumber;
             var newPageNumber = parseInt(currentPageNumber) + 1;
             var pageSize = this.model.get("pageSize");
diff --git a/step-web/src/main/webapp/js/backbone/views/view_display_subject.js b/step-web/src/main/webapp/js/backbone/views/view_display_subject.js
index 3d886e430e..9fbf319969 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_display_subject.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_display_subject.js
@@ -37,7 +37,8 @@ var SubjectDisplayView = SearchDisplayView.extend({
      * @private
      */
     _doSimpleSubjectSearchResults: function (searchResults) {
-        var results = $("<span>").addClass("subjectSection searchResults simpleSubjectSearch");
+        var cssForTouchDevice = (step.touchDevice && !step.touchWideDevice) ? " style='overflow-y:hidden;height:auto' " : "";        
+        var results = $("<span id='srchRslts'" + cssForTouchDevice + ">").addClass("subjectSection searchResults simpleSubjectSearch");
         var headingsSearch = searchResults[0].headingsSearch;
         var headingsResults = headingsSearch.results;
 
@@ -54,7 +55,6 @@ var SubjectDisplayView = SearchDisplayView.extend({
      * @private
      */
     _doSpecificSearchRequirements: function (query, results) {
-        var self = this;
         var passageId = this.model.get("passageId");
         var searchType = this.model.get("searchType");
 
@@ -90,8 +90,8 @@ var SubjectDisplayView = SearchDisplayView.extend({
 
     },
     _doNaveSearchResults: function (searchResults) {
-        var self = this;
-        var results = $("<span>").addClass("searchResults");
+        var cssForTouchDevice = (step.touchDevice && !step.touchWideDevice) ? " style='overflow-y:hidden;height:auto' " : "";        
+        var results = $("<span id='srchRslts'" + cssForTouchDevice + ">").addClass("searchResults");
 
         var lastHeader = "";
         if (!searchResults || searchResults.length == 0) {
diff --git a/step-web/src/main/webapp/js/backbone/views/view_display_text.js b/step-web/src/main/webapp/js/backbone/views/view_display_text.js
index e1635ec1be..9c625870dc 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_display_text.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_display_text.js
@@ -2,8 +2,8 @@ var TextDisplayView = SearchDisplayView.extend({
     titleFragment : __s.search_text,
     renderSearch: function (append, existingResults) {
         console.log("Rendering text search results");
-
-        var results = $("<span>");
+        var cssForTouchDevice = (step.touchDevice && !step.touchWideDevice) ? " style='overflow-y:hidden;height:auto' " : "";        
+        var results = $("<span id='srchRslts'" + cssForTouchDevice + ">");
         var searchResults = this.model.get("results");
         var sortOrder = this.model.get("order");
 
diff --git a/step-web/src/main/webapp/js/backbone/views/view_examples.js b/step-web/src/main/webapp/js/backbone/views/view_examples.js
index abbeddde1e..f0324f7389 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_examples.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_examples.js
@@ -258,8 +258,24 @@ var ExamplesView = Backbone.View.extend({
         this.render();
     },
     render: function () {
-		if ($('#welcomeExamples').length == 0) {
-			this.$el.append(this.exampleTemplate);
+		if (($('#welcomeExamples').length == 0) || (step.touchDevice && !step.touchWideDevice)) {
+			if (step.touchDevice && !step.touchWideDevice) {
+				step.util.showLongAlert("", "<b>" + __s.welcome_to_step + "</b>", [ this.exampleTemplate() ]);
+				$(".closeColumn").click(function (ev) {
+					step.util.closeModal("showLongAlertModal");
+				});
+				var contextOfOriginalExecution = this;
+				$(".accordion-heading").click(function (ev) {
+					contextOfOriginalExecution.onClickHeading(ev, contextOfOriginalExecution);
+				});
+				$(".plusminus").click(function (ev) {
+					contextOfOriginalExecution.onClickHeading(ev, contextOfOriginalExecution);
+				});
+				$(".modal-body").find(".closeColumn").hide();
+				$(".modal-body").find("h3").hide();
+			}
+			else
+				this.$el.append(this.exampleTemplate);
 			this.initAccordions();
             var options = step.passages.findWhere({ passageId: step.util.activePassageId()}).get("selectedOptions") || [];
             var availableOptions = step.passages.findWhere({ passageId: step.util.activePassageId()}).get("options") || [];
@@ -272,7 +288,7 @@ var ExamplesView = Backbone.View.extend({
         else $("#keyboard_shortcut").show();
     },
     initAccordions: function () {
-        var count = this.$el.find(".accordion-row").length - 1; // Don't need to highlight keyboard shortcut
+        var count = $(".accordion-row").length - 1; // Don't need to highlight keyboard shortcut
         var hasStoredState = false;
         var timesDisplayedKey = "accordionTimesDisplayed";
 		var timesDisplayed = step.util.localStorageGetItem(timesDisplayedKey);
@@ -295,7 +311,7 @@ var ExamplesView = Backbone.View.extend({
     },
     toggleAccordion: function (index, accordionCount) {
         var query = ".accordion-row[data-row=" + index + "]";
-        var $accordionRow = this.$el.find(query);
+        var $accordionRow = $(query);
         var $accordionBody = $accordionRow.find(".accordion-body");
         var storageKey = "displayQuickTryoutAccordion" + index;
 		var displayFlag = false;
@@ -318,14 +334,17 @@ var ExamplesView = Backbone.View.extend({
             step.util.localStorageSetItem(storageKey, "false");
         }
     },
-    onClickHeading: function (event) {
+    onClickHeading: function (event, contextOfOriginalExecution) {
 		event.stopImmediatePropagation();
 		event.stopPropagation(); //prevent the bubbling up
         var target = $(event.target);
         var accordionRow = target.parent();
 		if ($(accordionRow).find('.accordion-heading').length == 0) accordionRow = $(accordionRow).parent();
         var index = accordionRow.attr("data-row");
-        this.toggleAccordion(index);
+		if (contextOfOriginalExecution)
+			contextOfOriginalExecution.toggleAccordion(index);
+		else
+	        this.toggleAccordion(index);
     },
     onClickClose: function () {
         step.util.showOrHideTutorial(true);
diff --git a/step-web/src/main/webapp/js/backbone/views/view_feedback.js b/step-web/src/main/webapp/js/backbone/views/view_feedback.js
index 53867dd722..7d1e0cebc4 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_feedback.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_feedback.js
@@ -75,6 +75,7 @@ var FeedbackView = Backbone.View.extend({
             self.feedbackForm.find("#feedbackEmail").val(step.settings.get("userFeedbackEmail") || "" );
             self.feedbackForm.find("#feedbackDescription").val("");
             self.feedbackForm.find("#feedbackSummary").val("");
+            step.util.blockBackgroundScrolling("raiseSupport");
         });
         
         $(".sendFeedback").click(function (ev) {
diff --git a/step-web/src/main/webapp/js/backbone/views/view_help_menu.js b/step-web/src/main/webapp/js/backbone/views/view_help_menu.js
index a0bb506bdc..04affb5319 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_help_menu.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_help_menu.js
@@ -70,6 +70,7 @@ var ViewHelpMenuOptions = Backbone.View.extend({
                 '</div>' + //end dialog
                 '</div>' +
                 '</div>')()).modal("show");
+			step.util.blockBackgroundScrolling("aboutModal");
     },
     resetEverything: function () {
         window.localStorage.clear();
diff --git a/step-web/src/main/webapp/js/backbone/views/view_history.js b/step-web/src/main/webapp/js/backbone/views/view_history.js
index fe185f4874..aae8da6df7 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_history.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_history.js
@@ -1,13 +1,12 @@
 var ViewHistory = Backbone.View.extend({
     MAX_HISTORY: 250,
     itemTemplate: _.template('<li class="list-group-item historyItem" data-item="<%= item.get("id") %>">' +
-        '<a class="openBookmark" title="<%= __s.bookmarks_open %>"><span class="glyphicon glyphicon-open"></span></a>' +
-        '<a class="starBookmark" data-favourite="<%= item.get("favourite")%>" title="<%= item.get("favourite") ? __s.passage_tools_delete_bookmark : __s.passage_tools_bookmark %>">' +
-        '<span class="glyphicon <%= item.get("favourite") ? "glyphicon-pushpin-pinned" : "glyphicon-pushpin" %>"></span></a>' +
-        '<a class="removeBookmark" title="<%= __s.bookmark_remove %>"><span class="glyphicon glyphicon-remove"></span></a>' +
-        '<span class="argSummary argSumSpan">' +
-        '<%= step.util.ui.renderArgs(item.get("searchTokens"), null, "span") %>' +
+        '<span class="argSummary argSumSpan" style="text-decoration:underline;display:inline">' +
+            '<%= step.util.ui.renderArgs(item.get("searchTokens"), null, "span") %>' +
         '</span>' +
+        '<a class="removeBookmark" title="<%= __s.bookmark_remove %>" style="float:right;padding-left:15px"><span class="glyphicon glyphicon-remove"></span></a>' +
+        '<a class="starBookmark" data-favourite="<%= item.get("favourite")%>" title="<%= item.get("favourite") ? __s.passage_tools_delete_bookmark : __s.passage_tools_bookmark %>" style="float:right">' +
+        '<span class="glyphicon <%= (item.get("favourite") && (!step.touchDevice || step.touchWideDevice)) ? "glyphicon-pushpin-pinned" : "glyphicon-pushpin" %>"></span></a>' +
         '</li>'),
     fullList: _.template(
         '<h2><%= __s.bookmarks_pinned %></h2><ul class="list-group">' +
@@ -28,20 +27,24 @@ var ViewHistory = Backbone.View.extend({
         var bookmarkId = item.data("item");
         step.bookmarks.findWhere({id: bookmarkId }).destroy();
         item.remove();
-    }, starBookmarkHandler: function (self) {
+    },
+    starBookmarkHandler: function (self) {
         var item = $(self).closest("li");
         var bookmarkId = item.data("item");
         var model = step.bookmarks.findWhere({id: bookmarkId });
         model.save({ favourite: !model.get("favourite") });
         step.bookmarks.sort();
         this.render();
-    }, openBookmarkHandler: function (self) {
+    },
+    openBookmarkHandler: function (self) {
         var item = $(self).closest("li");
         var bookmarkId = item.data("item");
         var model = step.bookmarks.findWhere({id: bookmarkId });
         step.router.doMasterSearch(decodeURIComponent(model.get("args")),
         	model.get("options") || "", // in case it is not defined, provide empty string
         	model.get("display") || "");  // in case it is not defined, provide empty string
+        if (step.touchDevice && !step.touchWideDevice)
+            step.util.closeModal("showLongAlertModal");
     }, render: function () {
         var self = this;
         if(this.list) {
@@ -50,16 +53,19 @@ var ViewHistory = Backbone.View.extend({
         }
         //force re-add
         this._getList();
-
-        this.$el.find(".removeBookmark").click(function () {
+        var currentElement = (step.touchDevice && !step.touchWideDevice) ?
+            $(".modal-body") : this.$el;
+        currentElement.find(".argSumSpan").click(function() {
+            self.openBookmarkHandler(this);
+        });
+        currentElement.find(".removeBookmark").click(function () {
             self.removeBookmarkHandler(this);
         });
-        this.$el.find(".starBookmark").click(function() {
+        currentElement.find(".starBookmark").click(function() {
             self.starBookmarkHandler(this);
         });
-        this.$el.find(".openBookmark").click(function() {
-            self.openBookmarkHandler(this);
-        });
+
+
     },
     
     refresh: function () {
@@ -78,9 +84,6 @@ var ViewHistory = Backbone.View.extend({
         newItem.find(".starBookmark").click(function() {
             self.starBookmarkHandler(this);
         });
-        newItem.find(".openBookmark").click(function() {
-            self.openBookmarkHandler(this);
-        });
 
         //count the number of bookmark items, and if too large, then get rid of them.
         var bookmarks = this.$el.find(".historyItem").not(":has([data-favourite='true'])");
@@ -131,7 +134,12 @@ var ViewHistory = Backbone.View.extend({
             return this.list;
         }
         this.list = $(this.fullList({ bookmarks: step.bookmarks, view: this }));
-        this.$el.append(this.list);
+        if (step.touchDevice && !step.touchWideDevice) {
+            step.util.showLongAlert("", "<b>Bookmarks</b>", [ this.list ]);
+            step.sidebar = null;
+        }
+        else
+            this.$el.append(this.list);
         return this.list;
     }
 });
diff --git a/step-web/src/main/webapp/js/backbone/views/view_main_search.js b/step-web/src/main/webapp/js/backbone/views/view_main_search.js
index 0e7b1beb62..629987dab9 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_main_search.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_main_search.js
@@ -80,11 +80,6 @@ var MainSearchView = Backbone.View.extend({
                 var n = min - input.length;
                 var message = sprintf(__s.x_more_characters, n);
                 var labels = $("<span>").addClass("searchLabel")
-                    //.append($("<a>").attr("data-toggle", "modal").attr("data-target", "#bibleVersions").append(__s.all_versions).attr("title", __s.all_versions)
-                    //    .on("click", function () {
-                    //        view.pickBible();
-                    //    }))
-                    //.append("&nbsp;|&nbsp;")
                     .append($("<a>").append(__s.search_advanced).on('click', function () {
                         view.openAdvancedSearch();
                     }));
@@ -491,7 +486,8 @@ var MainSearchView = Backbone.View.extend({
         var data = this.masterSearch.select2("data");
         var initials = [];
         for (var i = 0; i < data.length; i++) {
-            initials.push(data[i].item.shortInitials);
+            if ((typeof data[i].item === "object") && (typeof data[i].item.shortInitials === "string"))
+                initials.push(data[i].item.shortInitials);
         }
         return initials;
     },
@@ -518,22 +514,22 @@ var MainSearchView = Backbone.View.extend({
         //find the element
         var versions = this.masterSearch.select2("data");
         for (var i = versions.length - 1; i > -1; i--) {
-            if (versions[i].item.initials == data.value.initials || versions.shortInitials == data.value.initials) {
+            if ((typeof versions[i].item === "object") &&
+                (versions[i].item.initials === data.value.initials || versions[i].item.shortInitials === data.value.initials) ) {
                 versions.splice(i, 1);
             }
         }
         this._setData(versions);
     },
-    _trackSearch: function (options) {
-        if (!options) {
-            return;
-        }
-
-
-    },
+    // Seems like it does not do anything PT 11/30/2023
+    // _trackSearch: function (options) {
+    //     if (!options) {
+    //         return;
+    //     }
+    // },
     search: function () {
         var options = this.masterSearch.select2("data");
-        this._trackSearch(options);
+        // this._trackSearch(options);
         var args = "";
         var refArgs = "";
         var searchArgs = "";
diff --git a/step-web/src/main/webapp/js/backbone/views/view_menu_passage.js b/step-web/src/main/webapp/js/backbone/views/view_menu_passage.js
index c6d42d7ee0..f37c58ec1e 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_menu_passage.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_menu_passage.js
@@ -1,7 +1,11 @@
 var PassageMenuView = Backbone.View.extend({
+    
     infoIcon: '<a href="javascript:void(0)" class="infoIcon" data-html="true" data-toggle="popover" data-placement="top">' +
         '<span class="glyphicon glyphicon-info-sign"></span>' +
         '</a>',
+    infoIconMobile: '<a href="javascript:void(0)" style="position:fixed;top:unset;bottom:3%" class="infoIcon" data-html="true" data-toggle="popover" data-placement="top">' +
+        '<span class="glyphicon glyphicon-info-sign"></span>' +
+        '</a>',
     events: {
         "click a[name]": "updateModel",
         "click .previousChapter": "goToPreviousChapter",
@@ -67,7 +71,10 @@ var PassageMenuView = Backbone.View.extend({
 
         this.warnings = $(step.util.getPassageContainer(this.model.get("passageId"))).find(".infoIcon");
         if (this.warnings.length == 0) {
-            this.warnings = $(_.template(this.infoIcon)());
+            if (step.touchDevice && !step.touchWideDevice)
+                this.warnings = $(_.template(this.infoIconMobile)());
+            else
+                this.warnings = $(_.template(this.infoIcon)());
             this.$el.parent().append(this.warnings);
         }
 
@@ -94,7 +101,8 @@ var PassageMenuView = Backbone.View.extend({
                 .removeClass("text-muted text-info text-danger text-warning").addClass("text-info")
                 .find(".glyphicon").removeClass('glyphicon-exclamation-sign glyphicon-warning-sign glyphicon-info-sign').addClass("glyphicon-info-sign");
         }
-    }, raiseMessage: function (opts) {
+    },
+    raiseMessage: function (opts) {
         var self = this;
         var titleSoFar = this.warnings.attr("data-content") || "";
         if (titleSoFar != "") {
@@ -119,6 +127,8 @@ var PassageMenuView = Backbone.View.extend({
         this.warnings.show();
         if (opts.silent != true) {
             this.warnings.popover('show');
+            if (step.touchDevice && !step.touchWideDevice)
+                $(".popover.fade.top.in").css("position","fixed");
             this.warnings.next(".popover").on('click', function () {
                 self.warnings.popover("hide");
                 self.handleInfoHide();
@@ -126,13 +136,14 @@ var PassageMenuView = Backbone.View.extend({
         }
         else {
             this.warnings.on("shown.bs.popover", function () {
+                if (step.touchDevice && !step.touchWideDevice)
+                    $(".popover.fade.top.in").css("position","fixed");
                 self.warnings.next(".popover").on('click', function () {
                     self.warnings.popover("hide");
                     self.handleInfoHide();
                 })
             });
         }
-
     },
     handleInfoHide: function () {
         this.warnings.removeClass("text-info text-warning text-danger");
@@ -164,10 +175,11 @@ var PassageMenuView = Backbone.View.extend({
         // If the device is mobile, and the user has swiped at least 3x (so they know
         // how it works), then don't display the prev/next arrows anymore.
         // Calling activePassageId can crash so just use passageID 0
-		var swipeStatus = step.passages.findWhere({ passageId: 0}).get("isSwipeLeftRight");
+        var swipeStatus = step.passages.findWhere({ passageId: 0}).get("isSwipeLeftRight");
         if (swipeStatus == undefined)
             swipeStatus = true;
-        if (step.touchDevice && swipeCount >= 3 && swipeStatus)
+
+        if (step.touchDevice && swipeCount > 6 && swipeStatus)
             $(".nextPreviousChapterGroup").css("display", "none");
         else {
             $(".nextPreviousChapterGroup").css("display", "block");
@@ -175,6 +187,7 @@ var PassageMenuView = Backbone.View.extend({
             if (this._isDisplayOptionsDropdown(openDropdown)) {
                 this._updateColumnOptions();
             }
+
             var isPassage = this.model.get("searchType") == 'PASSAGE';
             var previousNext = this.$el.find(".nextPreviousChapterGroup");
             previousNext.toggle(true);
@@ -189,29 +202,22 @@ var PassageMenuView = Backbone.View.extend({
         // Introduce the swipe feature on a mobile device.  Note, wait until
         // STEP's usage count > 1 so that the initial introJsStep has already
         // played, and hopefully the user knows what the arrows are for.
-
 		if (step.touchDevice) {
-            var ua = navigator.userAgent.toLowerCase(); 
-            if ((ua.indexOf("iphone") > -1) || (ua.indexOf("ipad") > -1) || (ua.indexOf("macintosh") > -1)) // Only for Android.  On iPad introJS will cause the bible, reference and search buttons to be gone
-                return;
             var swipeIntro = step.util.localStorageGetItem("swipeIntro");
-            if (swipeIntro == null) swipeIntro = 0;
-            if (swipeIntro == 0) {
+            if (swipeIntro != 1) {
                 var stepUsage = step.util.localStorageGetItem("step.usageCount");
                 if (stepUsage == null) stepUsage = 0;
-                if (stepUsage >= 1) {
+                else if (stepUsage > 0) {
                     var introJsSteps = [{
-                        element: document.getElementsByClassName('previousChapter')[0],
-                        intro: "Swipe left for next chapter, right for previous chapter.  Once you have used the swipe feature three times, the arrows will hide."
+                        intro: __s.swipe_lr // do not specify an element because it will hide the buttons to select Bible, passage and to search
                     }];
                     introJs().setOptions({
                         steps: introJsSteps
                     }).start();
+                    step.util.localStorageSetItem("swipeIntro", 1);
                 }
-                step.util.localStorageSetItem("swipeIntro", 1);
             }
         }
-
     },
     _updateDropdownContents: function (targetTrigger) {
         if (this._isDisplayOptionsDropdown(targetTrigger)) {
@@ -237,7 +243,7 @@ var PassageMenuView = Backbone.View.extend({
         var masterVersion = step.keyedVersions[this.model.get("masterVersion")];
         this._updateDisplayModeOptions(masterVersion);
         this._updateDisplayOptions();
-        this._updateSearchOptions();
+        // this._updateSearchOptions();
     },
     /**
      * Obtains the options available in the masterVersion.
@@ -288,9 +294,9 @@ var PassageMenuView = Backbone.View.extend({
         });
 
     },
-    _updateSearchOptions: function () {
+    // _updateSearchOptions: function () {
 
-    },
+    // },
     _updateDisplayModeOptions: function (masterVersion) {
         //set the current display mode.
         this.displayModeContainer.find(".glyphicon").removeClass("active");
@@ -535,7 +541,7 @@ var PassageMenuView = Backbone.View.extend({
         dropdown.append(li);
         dropdown.append(_.template(this.fontButtons)())
             .find(".largerFontSize").click(this.changeFontSizeInThisPanel);
-        if (step.touchDevice) {
+        if (step.touchDevice && (step.util.activePassageId() == 0)) {
             var currentSwipeLRSetting = self.model.get("isSwipeLeftRight");
             if (currentSwipeLRSetting == undefined) {
                 this.model.save({isSwipeLeftRight: true});
@@ -566,7 +572,6 @@ var PassageMenuView = Backbone.View.extend({
      * @private
      */
     _createItemsInDropdown: function (dropdown, items) {
-//        <div class="panel-group" id="accordion">
         var selectedOptions = this.model.get("selectedOptions") || "";
         for (var i = 0; i < items.length; i++) {
             if (items[i].group) {
@@ -603,7 +608,6 @@ var PassageMenuView = Backbone.View.extend({
         }
     },
     _createPassageOptions: function (dropdown) {
-//        var selectedOptions = this.model.get("selectedOptions") || "";
         this._createItemsInDropdown(dropdown, this.items);
 
         var self = this;
@@ -655,9 +659,9 @@ var PassageMenuView = Backbone.View.extend({
             .append("<span>" + text + "</span>")
             .append(step.util.ui.selectMark("pull-right"));
     },
-    _updateAvailableOptions: function () {
-        console.log("updating options");
-    },
+    // _updateAvailableOptions: function () {
+    //     console.log("updating options");
+    // },
     _updateOptions: function () {
         //update the model
         var selectedOptions = this.displayOptions.find("[data-selected='true']");
@@ -724,12 +728,6 @@ var PassageMenuView = Backbone.View.extend({
 			}
         }
     },
-    // decreaseFontSize: function (ev) {
-        // ev.stopPropagation();
-        // step.util.activePassageId(this.model.get("passageId"));
-        // step.util.changeFontSize(this.$el, -1);
-        // return false;
-    // },
     changeFontSizeInThisPanel: function (ev) {
         ev.stopPropagation();
         step.util.showFontSettings(this.model.get("passageId"));
@@ -829,15 +827,7 @@ var PassageMenuView = Backbone.View.extend({
     showDots: function(activePassage) {
         var passageContent = activePassage.find(".passageContent");
         passageContent.empty();
-//        activePassage.find(".heading").remove();
-//        var verseElements = activePassage.find(".verse");
-//        if (verseElements.length == 0)
-        //     verseElements = activePassage.find(".interlinear");
-        // for (var i = verseElements.length - 1; i > 0; i--) {
-        //     $(verseElements[i]).remove();
-        // }
         var randomDots = "..... .... .... ....... ... .... ... ........ .... ... ... .... ... .....<br> .... .. .... ... .... ........ .... ... .... ........ ... .... ... .....<br>... ..... .. .... ..... .... ..... ........ .... ...... .... ... .....<br>.... .. .... ... .... ........ .... ... .... ...... ... .... ... .....<br> ...... .... ... ..... .... ..... ..... ..... .... ... .... ... .....<br>...... .... ... ..... .... ..... ..... ..... ... . ... .... ... .....<br> .... .. .... ... .... ........ .... ... .... ...... ... .... ... .....<br>... ..... .... .... ..... .... ..... ........ .... ... ... .... ... .....<br>.... .. .... ... .... ........ .... ... .... ... ... ... .... ... .....<br> ...... .... ... ..... .... ..... ..... ..... .. ... .... ... .....<br";
-        // $(verseElements[0]).html(randomDots + "<br>" + randomDots + "<br>" + randomDots);
         passageContent.html(randomDots + "<br>" + randomDots + "<br>" + randomDots);
     },
     removeSearchArgs: function(args) {
@@ -911,32 +901,26 @@ var PassageMenuView = Backbone.View.extend({
         try {
             if (document.getElementsByClassName("mainPanel")[0].style.paddingTop == "0px") {
                 document.getElementById("stepnavbar").style.display = "block";
-                document.getElementsByClassName("resizePanel")[0].title = "Increase size of panel";
+                $('.resizePanel').attr('title', 'Increase size of panel');
+                document.getElementsByClassName("resizePanel")[0].title = "";
                 document.getElementsByClassName("mainPanel")[0].style.paddingTop="50px";
-                document.getElementsByClassName("glyphicon-resize-full")[0].style.display = "inline";
-                document.getElementsByClassName("glyphicon-resize-small")[0].style.display = "none";
+                $('.glyphicon-resize-full').css("display","inline");
+                $('.glyphicon-resize-small').css("display","none");
             }
             else {
                 document.getElementById("stepnavbar").style.display = "none";
-                document.getElementsByClassName("resizePanel")[0].title = "Decrease size of panel";
+                $('.resizePanel').attr('title', 'Decrease size of panel');
                 document.getElementsByClassName("mainPanel")[0].style.paddingTop="0px";
-                document.getElementsByClassName("glyphicon-resize-full")[0].style.display = "none";
-                document.getElementsByClassName("glyphicon-resize-small")[0].style.display = "inline";
+                $('.glyphicon-resize-full').css("display","none");
+                $('.glyphicon-resize-small').css("display","inline");
             }
-            document.getElementsByClassName("resizePanel")[0].style.backgroundColor = "white";
+            $('.resizePanel').css("background-color","var(--clrBackground)");
         } catch(e) {
         }
     },
     updateVisibleCloseButton: function () {
         var shouldShow = $(".column").not(".examplesColumn").length > 1;
         this.$el.find(".closeColumn").toggleClass("disabled", !shouldShow);
-//        if (!shouldShow) {
-//            make sure it's not the last button
-//            this.$el.find(".closeColumn").insertBefore(this.$el.find(".openNewPanel"));
-//        } else {
-//            ensure last element
-//            this.$el.find(".openNewPanel").insertBefore(this.$el.find(".closeColumn"));
-//        }
     }
 
 });
diff --git a/step-web/src/main/webapp/js/backbone/views/view_pick_bible.js b/step-web/src/main/webapp/js/backbone/views/view_pick_bible.js
index 68c8dbb8f2..0b1366725d 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_pick_bible.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_pick_bible.js
@@ -153,6 +153,7 @@ var PickBibleView = Backbone.View.extend({
 
         this.$el.find(this._getSelectedTab()).addClass("active");
         this.bibleVersions = this.$el.find("#bibleVersions").modal({ show: true});
+        step.util.blockBackgroundScrolling("bibleVersions");
         // this.$el.find("input[type='text']").focus();
         this.$el.find(".btn").click(this.handleLanguageButton);
         this.$el.find(".closeModal").click(this.closeModal);
diff --git a/step-web/src/main/webapp/js/backbone/views/view_quick_lexicon.js b/step-web/src/main/webapp/js/backbone/views/view_quick_lexicon.js
index 09173203d9..5cc8213e92 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_quick_lexicon.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_quick_lexicon.js
@@ -1,5 +1,5 @@
 var QuickLexicon = Backbone.View.extend({
-    templateHeader: '<div id="quickLexicon"><div>' +
+    templateHeader: '<div id="quickLexicon" style="position:fixed"><div>' +
         '<div>' +
         '<button type="button" class="close" aria-hidden="true">X</button>',
     templateFooter: '</div>',
@@ -63,7 +63,10 @@ var QuickLexicon = Backbone.View.extend({
         this.render();
     },
 
-    processQuickInfo: function (origData, self, strongsNotToDisplay, multipleStrongTextFromSearchModal) {
+    processQuickInfo: function (origData, parameters) {
+        var self = parameters[0];
+        var strongsNotToDisplay = parameters[1];
+        var multipleStrongTextFromSearchModal  = parameters[2];
         $("#quickLexicon").remove();
         var morphOnly = false;
         var data = JSON.parse(JSON.stringify(origData));
@@ -202,21 +205,33 @@ var QuickLexicon = Backbone.View.extend({
 		    strongsToUse = step.util.fixStrongNumForVocabInfo(strongsToUse, false);
             strongsNotToDisplay = step.util.fixStrongNumForVocabInfo(strongsNotToDisplay, false);
         }
-        var vocabMorphFromJson = step.util.getVocabMorphInfoFromJson(strongsToUse, this.morph, this.version);
         var multipleStrongText = (typeof self.options.txtForMultiStrong === "string") ? self.options.txtForMultiStrong : "";
-        if (vocabMorphFromJson.vocabInfos.length > 0) {
-            self.processQuickInfo(vocabMorphFromJson, self, strongsNotToDisplay, multipleStrongText);
-            return;
-        }
-        return $.getSafe(MODULE_GET_QUICK_INFO, [this.version, this.reference, strongsToUse, this.morph, step.userLanguageCode], function (data) {
-            self.processQuickInfo(data, self, strongsNotToDisplay, multipleStrongText);
+        var callBack1Param = [ self, strongsNotToDisplay, multipleStrongText ];
+        var callBack2Param = [ this.version, this.reference, strongsToUse, this.morph, step.userLanguageCode, self, strongsNotToDisplay, multipleStrongText, self.processQuickInfo ];
+        step.util.getVocabMorphInfoFromJson(strongsToUse, this.morph, this.version, self.processQuickInfo, callBack1Param, 
+            self.loadDefinitionFromRestAPI, callBack2Param);
+    }, 
+    loadDefinitionFromRestAPI: function ( paramArray ) {
+        var version = paramArray[0];
+        var reference = paramArray[1];
+        var strongsToUse  = paramArray[2];
+        var morph = paramArray[3];
+        var userLanguageCode = paramArray[4];
+        var callerSelf = paramArray[5];
+        var strongsNotToDisplay = paramArray[6];
+        var multipleStrongText = paramArray[7];
+        var callBackProcessQuickInfo = paramArray[8];
+        $.getSafe(MODULE_GET_QUICK_INFO, [version, reference, strongsToUse, morph, userLanguageCode], function (data) {
+            callBackProcessQuickInfo(data, [ callerSelf, strongsNotToDisplay, multipleStrongText ]);
         }).error(function() {
             if (changeBaseURL())
-                $.getSafe(MODULE_GET_QUICK_INFO, [this.version, this.reference, strongsToUse, this.morph, step.userLanguageCode], function (data) {
-                    self.processQuickInfo(data, self, strongsNotToDisplay, multipleStrongText);
+                $.getSafe(MODULE_GET_QUICK_INFO, [version, reference, strongsToUse, morph, userLanguageCode], function (data) {
+                    callBackProcessQuickInfo(data, [ callerSelf, strongsNotToDisplay, multipleStrongText ]);
                 })
         });
-    }, /**
+        return false;
+    },
+    /**
      * Updates the text and shows it
      * @param strongNumbers
      */
@@ -288,7 +303,13 @@ var QuickLexicon = Backbone.View.extend({
             lexicon.click(function () {
 				var strongToUse = (typeof self.augStrong === "string") ? self.augStrong : self.strong;
                 step.util.ui.showDef({ strong: strongToUse, morph: self.morph });
+                // lexicon.remove();
+            });
+        }
+        else if (!step.touchDevice) {
+            lexicon.mouseover(function() {
                 lexicon.remove();
+                step.util.keepQuickLexiconOpen = false;
             });
         }
 
@@ -297,7 +318,8 @@ var QuickLexicon = Backbone.View.extend({
             step.util.keepQuickLexiconOpen = false;
         });
 
-        this.passageContainer.find(".passageContent > .passageContentHolder, .passageContent > span").one('scroll', function() {
+        var monitorElement = (step.touchDevice && !step.touchWideDevice) ? $(document) : this.passageContainer.find(".passageContent > .passageContentHolder, .passageContent > span");
+        monitorElement.one('scroll', function() {
             lexicon.remove();
         })
         step.touchForQuickLexiconTime = 0;
diff --git a/step-web/src/main/webapp/js/backbone/views/view_restore.js b/step-web/src/main/webapp/js/backbone/views/view_restore.js
index c53cc5db44..c7bb6b100b 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_restore.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_restore.js
@@ -84,7 +84,7 @@ var RestorePassageView = Backbone.View.extend({
                     if (el.prop('checked')) {
                         //restore column
                         step.util.createNewColumn(false, model);
-                        step.router.handleRenderModel(model, null, null, -1);
+                        step.router.handleRenderModel(model, null, null);
                     } else {
                         //never notify, no point
                         step.passages.remove(model, {silent: true});
diff --git a/step-web/src/main/webapp/js/backbone/views/view_sidebar.js b/step-web/src/main/webapp/js/backbone/views/view_sidebar.js
index 39751548d8..a537544e92 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_sidebar.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_sidebar.js
@@ -41,7 +41,6 @@ var SidebarView = Backbone.View.extend({
         else if (data == '#help') {
             mode = 'help';
         }
-
         this.model.save({
             mode: mode
         });
@@ -49,7 +48,8 @@ var SidebarView = Backbone.View.extend({
     activate: function () {
         var self = this;
         //make sidebar visible
-        this.openSidebar();
+        if (!step.touchDevice || step.touchWideDevice)
+            this.openSidebar();
 
         //show the correct tab
         this.$el.find("[data-target='#" + this.model.get("mode") + "']").tab("show");
@@ -84,19 +84,9 @@ var SidebarView = Backbone.View.extend({
 				console.log("MODULE_GET_INFO undefined H0001");
 				return;
 			}
-            var vocabMorphFromJson = step.util.getVocabMorphInfoFromJson(strong, morph, version);
-            if (vocabMorphFromJson.vocabInfos.length > 0) {
-                self.createDefinition(vocabMorphFromJson, ref, allVersions);
-                return;
-            }
-            $.getSafe(MODULE_GET_INFO, [version, ref, strong, morph, step.userLanguageCode], function (data) {
-                self.createDefinition(data, ref, allVersions);
-            }).error(function() {
-                if (changeBaseURL())
-                    $.getSafe(MODULE_GET_INFO, [version, ref, strong, morph, step.userLanguageCode], function (data) {
-                        self.createDefinition(data, ref, allVersions);
-                    })
-            });
+            callBackCreateDefParams = [ ref, allVersions ];
+            callBackLoadDefFromAPIParams = [ version, ref, strong, morph, allVersions, self.createDefinition]; 
+            step.util.getVocabMorphInfoFromJson(strong, morph, version, self.createDefinition, callBackCreateDefParams, self.loadDefinitionFromRestAPI, callBackLoadDefFromAPIParams);
         }
         else if (this.model.get("mode") == 'analysis') {
             self.createAnalysis();
@@ -114,6 +104,24 @@ var SidebarView = Backbone.View.extend({
         if ((cv[C_numOfAnimationsAlreadyPerformedOnSamePage] !== undefined) && (cv[C_numOfAnimationsAlreadyPerformedOnSamePage] !== null))
             cv[C_numOfAnimationsAlreadyPerformedOnSamePage] = 0;
     },
+    loadDefinitionFromRestAPI: function (parameters) {
+        var version = parameters[0];
+        var ref = parameters[1];
+        var strong = parameters[2];
+        var morph = parameters[3];
+        var allVersions = parameters[4];
+        var callBackCreateDef = parameters[5];
+        $.getSafe(MODULE_GET_INFO, [version, ref, strong, morph, step.userLanguageCode], function (data) {
+            callBackCreateDef(data, [ ref, allVersions ]);
+            //return false;
+        }).error(function() {
+            if (changeBaseURL())
+                $.getSafe(MODULE_GET_INFO, [version, ref, strong, morph, step.userLanguageCode], function (data) {
+                    callBackCreateDef(data, [ ref, allVersions ]);
+                })
+        });
+        //return false;
+    },
     _createBaseTabs: function () {
         var tabContent = $("<div class='tab-content'></div>");
         var heightToSet = $('.passageContainer.active').height();
@@ -152,24 +160,31 @@ var SidebarView = Backbone.View.extend({
         else {
             this.analysisView.refresh();
         }
+        if (step.touchDevice && !step.touchWideDevice) {
+            this.closeSidebar()
+            step.sidebar = null;
+        }
     },
     createHelp: function () {
         this.helpView = new ExamplesView({el: this.help});
     },
-    createDefinition: function (data, ref, allVersions) {
+    createDefinition: function (data, parameters) {
+        var ref = parameters[0];
+        var allVersions = parameters[1];
         var displayLexicalRelatedWords = (($(".detailLex:visible").length > 0) || (step.util.localStorageGetItem("sidebar.detailLex") === "true"));
         //get definition tab
         this.lexicon.detach();
         this.lexicon.empty();
-
         $('#quickLexicon').remove();
-        var alternativeEntries = $("<div id='vocabEntries'>");
-        this.lexicon.append(alternativeEntries);
-        this.lexicon.append($("<h1>").append(__s.lexicon_vocab));
-
-        if (data.vocabInfos.length == 0) {
+        // var alternativeEntries = $("<div id='vocabEntries'>"); // does not seem to be used.  PT 12/2/2023
+        // this.lexicon.append(alternativeEntries);
+        var headerType = "h4";
+        if (!step.touchDevice || step.touchWideDevice) { 
+            this.lexicon.append("<h1>");
+            headerType = "h2";
+        }
+        if (data.vocabInfos.length == 0)
             return;
-        }
         var urlLang = $.getUrlVar("lang");
         if (urlLang == null) urlLang = "";
         else urlLang = urlLang.toLowerCase();
@@ -183,12 +198,10 @@ var SidebarView = Backbone.View.extend({
             else
                 isOTorNT = "NT";
         }
+        var panelBodies = [];
         if (data.vocabInfos.length > 1) {
             //multiple entries
             var panelGroup = $('<div class="panel-group" id="collapsedLexicon"></div>');
-            var openDef = _.min(data.vocabInfos, function (def) {
-                return def.count;
-            });
             for (var i = 0; i < data.vocabInfos.length; i++) {
                 var item = data.vocabInfos[i];
                 var isHebrew = data.vocabInfos[i].strongNumber.substring(0,1) === 'H';
@@ -198,15 +211,12 @@ var SidebarView = Backbone.View.extend({
 				else if (currentUserLang =="zh") currentGloss += " " + item._zh_Gloss;
 				else if (currentUserLang =="zh_tw") currentGloss += " " + item._zh_tw_Gloss;
 				else if (currentUserLang =="km") currentGloss += " " + item._km_Gloss;
-                var panelTitle = currentGloss + " (<span class='transliteration'>" + item.stepTransliteration + "</span> - " + '<span class="' + (isHebrew ? 'hbFontSmall' : 'unicodeFont') + '">' + item.accentedUnicode + "</span>)";
-                var panelContentContainer = $('<div class="panel-collapse collapse">').attr("id", panelId);
+                var panelTitle = "<span>" + currentGloss + " (<span class='transliteration'>" + item.stepTransliteration + "</span> - " + '<span class="' + (isHebrew ? 'hbFontSmall' : 'unicodeFont') + '">' + item.accentedUnicode + "</span>)</span>";
+                var isIn = (i == 0) ? " in" : ""; // expand (show) the first one to the users
+                var panelContentContainer = $('<div class="panel-collapse lexmodal' + isIn + ' collapse">').attr("id", panelId);
                 var panelBody = $('<div class="panel-body"></div>');
-                panelContentContainer.append(panelBody);
-
-                if (openDef == data.vocabInfos[i]) {
-                    panelContentContainer.addClass("in");
-                }
-
+                if (!step.touchDevice || step.touchWideDevice)
+                	panelContentContainer.append(panelBody);
                 this._createBriefWordPanel(panelBody, item, currentUserLang, allVersions);
 // need to handle multiple morphInfo (array)
                 if ((lastMorphCode != '') && (data.morphInfos.length == 0)) {
@@ -215,11 +225,11 @@ var SidebarView = Backbone.View.extend({
                 if (i < data.morphInfos.length) {
                     this._createBriefMorphInfo(panelBody, data.morphInfos[i]);
                 }
-                this._createWordPanel(panelBody, item, currentUserLang, allVersions, isOTorNT);
+                this._createWordPanel(panelBody, item, currentUserLang, allVersions, isOTorNT, headerType);
                 if (i < data.morphInfos.length) {
-                    this._createMorphInfo(panelBody, data.morphInfos[i]);
+                    this._createMorphInfo(panelBody, data.morphInfos[i], headerType);
                 }
-
+                panelBodies.push(panelBody);
                 var panelHeading = '<div class="panel-heading"><h4 class="panel-title" data-toggle="collapse" data-parent="#collapsedLexicon" data-target="#' + panelId + '"><a>' +
                     panelTitle + '</a></h4></div>';
 
@@ -227,28 +237,41 @@ var SidebarView = Backbone.View.extend({
                 panelGroup.append(panel);
             }
             this.lexicon.append(panelGroup);
-
         }
         else {
-            this._createBriefWordPanel(this.lexicon, data.vocabInfos[0], currentUserLang, allVersions);
+            var panelBody = $('<div class="panel-body"></div>');
+            this._createBriefWordPanel(panelBody, data.vocabInfos[0], currentUserLang, allVersions);
             // need to handle multiple morphInfo (array)
             if ((lastMorphCode != '') && (data.morphInfos.length == 0)) {
                 data.morphInfos = cf.getTOSMorphologyInfo(lastMorphCode);
             }
             if (data.morphInfos.length > 0) {
-                this._createBriefMorphInfo(this.lexicon, data.morphInfos[0]);
+                this._createBriefMorphInfo(panelBody, data.morphInfos[0]);
             }
-            this._createWordPanel(this.lexicon, data.vocabInfos[0], currentUserLang, allVersions, isOTorNT);
+            this._createWordPanel(panelBody, data.vocabInfos[0], currentUserLang, allVersions, isOTorNT, headerType);
             if (data.morphInfos.length > 0) {
-                this._createMorphInfo(this.lexicon, data.morphInfos[0]);
+                this._createMorphInfo(panelBody, data.morphInfos[0], headerType);
             }
+            if ((step.touchDevice) && (!step.touchWideDevice))
+	            panelBodies.push(panelBody);
+	        else
+	        	this.lexicon.append(panelBody);
+        }
+        if (step.touchDevice && !step.touchWideDevice) {
+            step.util.showLongAlert(this.lexicon.html(), "<b>" + __s.lexicon_vocab + "</b>", panelBodies);
+            this.closeSidebar();
+            step.sidebar = null;
         }
-        this.tabContainer.append(this.lexicon);
+        else {
+            this.lexicon.find("h1").text(__s.lexicon_vocab);
+            this.tabContainer.append(this.lexicon);
+        }
+
         if (displayLexicalRelatedWords) {
             $(".detailLex").show();
             $("#detailLexSelect").removeClass("glyphicon-triangle-right").addClass("glyphicon-triangle-bottom");
         }
-		this._isItALocation(data.vocabInfos[0], ref);
+        this._isItALocation(data.vocabInfos[0], ref);
     },
     _createBriefWordPanel: function (panel, mainWord, currentUserLang) {
         var userLangGloss = "";
@@ -378,6 +401,7 @@ var SidebarView = Backbone.View.extend({
                             var args = "strong=" + encodeURIComponent(strongNumber) + refURLStr;
                             step.util.activePassage().save({ strongHighlights: strongNumber }, {silent: true});
                             step.router.navigatePreserveVersions(args, false, true);
+                            step.util.closeModal("showLongAlertModal");
                     }));
                 }
                 ul.append(li);
@@ -407,7 +431,7 @@ var SidebarView = Backbone.View.extend({
         var statsOccursMsg = step.util.formatFrequency({versionCountOT: totalOT, versionCountNT: totalNT}, frequency, hasBothTestaments);
         var isHebrew = detailLex[1].substring(0,1) === 'H';
         var vocabTitle = detailLex[2] + " (<span class='transliteration'>" + detailLex[5] + "</span> - " + '<span class="' + (isHebrew ? 'hbFontSmall' : 'unicodeFont') + '">' + detailLex[4] + "</span>)"
-        panel.append($("<a title='click to show all occurrences of this word'></a>").attr("onclick", "javascript:void(0)").
+        panel.append($("<a title='" + __s.click_to_show_all + "'></a>").attr("onclick", "javascript:void(0)").
               data("strongNumber", detailLex[1]).
               data("vocabTitle", vocabTitle).
               append('<span class="strongCount detailLex" style="unicode-bidi:normal;display:none">~' + statsOccursMsg + '</span>').
@@ -416,12 +440,14 @@ var SidebarView = Backbone.View.extend({
                 var args = "strong=" + encodeURIComponent(strongNumber);
                 step.util.activePassage().save({strongHighlights: strongNumber}, {silent: true});
                 step.router.navigatePreserveVersions(args, false, true);
+                step.util.closeModal("showLongAlertModal");
                 return false;
               }).
               hover(function (ev) {
+                if (step.touchDevice) return;
                 var strong = $(this).data("strongNumber");
                 var wordInfo = $(this).data("vocabTitle");
-                fetch("https://www.stepbible.org/rest/search/masterSearch/version-ESV|" +
+                fetch("https://www.stepbible.org/rest/search/masterSearch/version=ESV|" +
                     "strong=" + strong + "/HNVUG///" +
                     strong + "///en?lang=en")
                 .then(function(response) {
@@ -431,6 +457,7 @@ var SidebarView = Backbone.View.extend({
                     step.util.ui.showListOfVersesInQLexArea(data, ev.pageY, wordInfo, $('#columHolder'));
                 });
             }, function () { // mouse pointer ends hover (leave)
+                if (step.touchDevice) return;
                 $("#quickLexicon").remove();
             })
         );
@@ -491,6 +518,7 @@ var SidebarView = Backbone.View.extend({
                     }
                     if (allStrongs.length > 1) currentSearch = searchJoins + ")|" + currentSearch;
                     step.router.navigatePreserveVersions(currentSearch, false, true, true);
+                    step.util.closeModal("showLongAlertModal");
                     return false;
 			    }).
                 hover(function() {
@@ -529,11 +557,13 @@ var SidebarView = Backbone.View.extend({
                     var args = "strong=" + encodeURIComponent(strongNumber);
                     step.util.activePassage().save({strongHighlights: strongNumber}, {silent: true});
                     step.router.navigatePreserveVersions(args, false, true);
-			    	return false;
+                    step.util.closeModal("showLongAlertModal");
+                    return false;
                 }).hover(function (ev) {
+                    if (step.touchDevice) return;
                     var strong = $(this).data("strongNumber");
                     var wordInfo = $(this).data("vocabTitle");
-                    fetch("https://www.stepbible.org/rest/search/masterSearch/version-ESV|" +
+                    fetch("https://www.stepbible.org/rest/search/masterSearch/version=ESV|" +
                         "strong=" + strong + "/HNVUG///" +
                         strong + "///en?lang=en")
                     .then(function(response) {
@@ -543,6 +573,7 @@ var SidebarView = Backbone.View.extend({
                         step.util.ui.showListOfVersesInQLexArea(data, ev.pageY, wordInfo, $('#columHolder'));
                     });
                 }, function () { // mouse pointer ends hover (leave)
+                    if (step.touchDevice) return;
                     $("#quickLexicon").remove();
                 })              
                 );
@@ -614,7 +645,7 @@ var SidebarView = Backbone.View.extend({
 		this._lookUpGeoInfo(mainWord, bookName, stepLink);
 	},
 	
-    _createWordPanel: function (panel, mainWord, currentUserLang, allVersions, isOTorNT) {
+    _createWordPanel: function (panel, mainWord, currentUserLang, allVersions, isOTorNT, headerType) {
         var currentWordLanguageCode = mainWord.strongNumber[0];
         var bibleVersion = this.model.get("version") || "ESV";
         if (typeof mainWord.shortDef === "string") {
@@ -637,7 +668,7 @@ var SidebarView = Backbone.View.extend({
 									// false;
             var spanishDef = mainWord._es_Definition;
             if (spanishDef) {
-                panel.append($("<h2>").append(__s.es_lexicon_meaning));
+                panel.append($("<" + headerType + ">").append(__s.es_lexicon_meaning));
                 this._addLinkAndAppend(panel, spanishDef, currentWordLanguageCode, bibleVersion);
             }
         }
@@ -648,7 +679,7 @@ var SidebarView = Backbone.View.extend({
             if ((currentUserLang == "zh_tw") && (mainWord._zh_tw_Definition != undefined)) chineseDef = mainWord._zh_tw_Definition;
             else if (mainWord._zh_Definition != undefined) chineseDef =  mainWord._zh_Definition;
             if (chineseDef) {
-                panel.append($("<h2>").append(__s.zh_lexicon_meaning_fhl));
+                panel.append($("<" + headerType + ">").append(__s.zh_lexicon_meaning_fhl));
                 this._addLinkAndAppend(panel, chineseDef, currentWordLanguageCode, bibleVersion);
             }
             var useSecondZhLexicon = step.passages.findWhere({ passageId: step.util.activePassageId()}).get("isSecondZhLexicon");
@@ -658,14 +689,14 @@ var SidebarView = Backbone.View.extend({
 		else if (currentUserLang == "vi") {
 			var vietnameseDef = mainWord._vi_Definition;
 			if (vietnameseDef) {
-				panel.append($("<h2>").append("Từ điển Hy Lạp-Việt"));
+				panel.append($("<" + headerType + ">").append("Từ điển Hy Lạp-Việt"));
                 this._addLinkAndAppend(panel, vietnameseDef, currentWordLanguageCode, bibleVersion);
             }
 		}
 		else if (currentUserLang == "km") {
 			var khmerDef = mainWord._km_Definition;
 			if (khmerDef) {
-				panel.append($("<h2>").append("និយមន័យ"));
+				panel.append($("<" + headerType + ">").append("និយមន័យ"));
                 this._addLinkAndAppend(panel, khmerDef, currentWordLanguageCode, bibleVersion);
             }
 		}
@@ -676,19 +707,19 @@ var SidebarView = Backbone.View.extend({
                     message = "based on abridged Brown-Driver-Briggs";
                 else if (isOTorNT === "NT")
                     message = "based on Teknia Greek";
-                panel.append($("<h2 title='" + message + "'>").append(__s.lexicon_meaning));
+                panel.append($("<" + headerType + " title='" + message + "'>").append(__s.lexicon_meaning));
                 this._addLinkAndAppend(panel, mainWord.mediumDef, currentWordLanguageCode, bibleVersion);
             }
             //longer definitions
             if (mainWord.lsjDefs) {
-                panel.append($("<h2 title='based on Liddell-Scott-Jones Greek Lexicon, 9th ed'>").append(currentWordLanguageCode.toLowerCase() === 'g' ? __s.lexicon_lsj_definition : __s.lexicon_bdb_definition));
+                panel.append($("<" + headerType + " title='based on Liddell-Scott-Jones Greek Lexicon, 9th ed'>").append(currentWordLanguageCode.toLowerCase() === 'g' ? __s.lexicon_lsj_definition : __s.lexicon_bdb_definition));
                 panel.append('<span class="unicodefont">' + mainWord.lsjDefs + '</span>');
             }
         }
 		
 		relatedNosToDisplay = this._relatedNosNotDisplayed(mainWord.relatedNos, detailLex);
         if (relatedNosToDisplay.length > 0) {
-            panel.append($("<h2>").append(__s.lexicon_related_words));
+            panel.append($("<" + headerType + ">").append(__s.lexicon_related_words));
             var ul = $('<ul>');
             var matchingExpression = "";
             for (var i = 0; i < relatedNosToDisplay.length; i++) {
@@ -736,19 +767,24 @@ var SidebarView = Backbone.View.extend({
         panel.find("[sbstrong]").click(function () {
             step.util.ui.showDef($(this).data("strongNumber"), bibleVersion);
         });
-		panel.find("[sbstrong]").hover(function (ev) {
-			if (ev.type === "mouseleave") {
-				$('#quickLexicon').remove();
-				return;
-			}
-            var searchString = $(this).data("strongNumber");
-			require(['quick_lexicon'], function () {
-				step.util.delay(function () {
-					// do the quick lexicon
-					step.util.ui._displayNewQuickLexiconForVerseVocab(searchString, '', bibleVersion, step.util.activePassageId(),  ev, ev.pageY, null, "");
-				}, MOUSE_PAUSE, 'show-quick-lexicon');
-			});
-		});
+        if (!step.touchDevice) {
+            panel.find("[sbstrong]").hover(function (ev) {
+                if (ev.type === "mouseleave") {
+                    $('#quickLexicon').remove();
+                    return;
+                }
+                var searchString = $(this).data("strongNumber");
+                require(['quick_lexicon'], function () {
+                    step.util.delay(function () {
+                        // do the quick lexicon
+                        step.util.ui._displayNewQuickLexiconForVerseVocab(searchString, '', bibleVersion, step.util.activePassageId(),  ev, ev.pageY, null, "");
+                    }, MOUSE_PAUSE, 'show-quick-lexicon');
+                });
+            },
+            function () { // mouse pointer ends hover (leave)
+                $("#quickLexicon").remove();
+            });
+        }
         if ((foundChineseJSON) && (!step.state.isLocal())) 
             panel.append("<br><a href=\"lexicon/additionalinfo/" + mainWord.strongNumber + ".html" +
                 "\" target=\"_blank\">" +
@@ -787,9 +823,9 @@ var SidebarView = Backbone.View.extend({
             panel.append(" ");
         }
     },
-    _createMorphInfo: function (panel, info) {
+    _createMorphInfo: function (panel, info, headerType) {
         // Updated the order of the display so that it matches the order of the robinson code - PT June 2019
-        panel.append($("<h2>").append(__s.display_grammar));
+        panel.append($("<" + headerType + ">").append(__s.display_grammar));
         this.renderMorphItem(panel, info, __s.lexicon_grammar_language, "language");
 		// Added following two lines. Accidentally delected the info["function'] 2019 - PT Sept 2020.
 		if (info["ot_function"] === undefined) this.renderMorphItem(panel, info, __s.lexicon_grammar_function, "function");
diff --git a/step-web/src/main/webapp/js/backbone/views/view_wordle_stat.js b/step-web/src/main/webapp/js/backbone/views/view_wordle_stat.js
index c8f54ce34a..d945e99acb 100644
--- a/step-web/src/main/webapp/js/backbone/views/view_wordle_stat.js
+++ b/step-web/src/main/webapp/js/backbone/views/view_wordle_stat.js
@@ -31,9 +31,14 @@ var ViewLexiconWordle = Backbone.View.extend({
         scopeContainer.append(
             $('<div id="nextChapterInputLine" class="form-group"><label for="nextChapterWordle">' + __s.analyse_update + ':</label></div>').append(this.nextChapter).append(this.newLineSelected));
 
-		this.$el.append("<h2>" + __s.vocabulary_analysis + "</h2>");
-        this.$el.append(scopeContainer);
-        this.$el.append(this.statsContainer);
+        var combinedContainer = scopeContainer;
+        combinedContainer.append(this.statsContainer);
+        if (step.touchDevice && !step.touchWideDevice)
+            step.util.showLongAlert("", __s.vocabulary_analysis, [ combinedContainer ]);
+        else {
+            this.$el.append("<h2>" + __s.vocabulary_analysis + "</h2>");
+            this.$el.append(combinedContainer);
+        }
 
         this.newLineSelected.click(function(ev) {
             event.preventDefault();
@@ -47,9 +52,8 @@ var ViewLexiconWordle = Backbone.View.extend({
 //        this.$el.closest(".tab-content").on("tab-change", function(ev) { self._stopAnimationOnTabChange(ev); });
     },
     refresh: function() {
-        if(this.$el.hasClass("active")) {
+        if ((this.$el.hasClass("active")) || (step.touchDevice && !step.touchWideDevice))
             this.doStats();
-        }
     },
 
     addRefreshStats: function(el) {
@@ -187,8 +191,6 @@ var ViewLexiconWordle = Backbone.View.extend({
      * @private
      */
     doStats: function () {
-        //console.log(new Date().getTime(), "Doing stats");
-
         this._getStats(this.wordType.find(".selected").data("value"), this.wordScope.find(".selected").data("value"),  this.sortSelection.find(".selected").data("value"),  function (key, statType) {
             if (statType == 'WORD') {
                 var args = "strong=" + encodeURIComponent(key);
diff --git a/step-web/src/main/webapp/js/color_code_grammar.js b/step-web/src/main/webapp/js/color_code_grammar.js
index 6324d9db92..3c5230b6c1 100644
--- a/step-web/src/main/webapp/js/color_code_grammar.js
+++ b/step-web/src/main/webapp/js/color_code_grammar.js
@@ -4,7 +4,7 @@
 // The maven process will replace the constant with number so the minify code is small.
 // For the color_code_grammar.js and color_code_config.js, it reduced the size of the minify two files by almost 20k bytes.
 // Each line starts with "const" and ends with "; // TBRBMR".
-// Do not take away the TBRMBR comment (to be removed by maven replacer)
+// Do not take away the comment: TBRMBR (abbreviation of To Be Removed By Maven Replacer)
 // The maven replacer look for these patterns and remove them from the minify code.
 // should use const instead of var, but older browser does not support const
 var C_Greek = 0; // TBRBMR
@@ -1384,98 +1384,102 @@ var cf = {
   },
   // Called by other javascript (view_quick_lexicon view_sidebar) in Step.  Do not shorten the name.
   getTOSMorphologyInfo: function (morphCode) {
-    var result = {};
+    var resultArray = [];
     if ((morphCode.indexOf('TOS:') == 0) && (cv[C_otMorph] != null)) {
-      var code = morphCode.substr(4);
-      var languageCode = code.substr(0, 1);
-      cf.getSpecificMorphologyInfo(languageCode, "language", result);
-      var descriptionCode = code.substr(1) + code.substr(0, 1);
-      cf.getSpecificMorphologyInfo(descriptionCode, "description", result);
-      var functionCd = code.substr(1, 1);
-      cf.getSpecificMorphologyInfo(functionCd, "ot_function", result);
-      if (result.ot_function != undefined) {
-        if (code.length > 2) {
-          var formPos = 2; var stemExpandedCd = '';
-          if (result.ot_function.toLowerCase().indexOf('verb') == 0) {
-            formPos = 3;
-            stemExpandedCd = code.substr(2, 1) + languageCode;
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "stem", result);
-            if ( (code.length == 5) && ((code.substr(3, 2) == 'aa') || (code.substr(3, 2) == 'cc')) ) {
-                cf.getSpecificMorphologyInfo(code.substr(4, 1), "state", result);
-                cf.getSpecificMorphologyInfo(code.substr(4, 1), "stateExplained", result);
-                cf.getSpecificMorphologyInfo(code.substr(4, 1), "stateDesc", result);
-                code = code.substr(0, 3) + 'f' + code.substr(4, 1); // Have to change the code for infinitive code because it does not have one.
+      var morphs = morphCode.split(" ");
+      for (var i = 0; i < morphs.length; i++) {
+        var result = {};
+        var code = morphs[i];
+        if (code.indexOf('TOS:') == 0)
+          code = code.substr(4);
+        var languageCode = code.substr(0, 1);
+        cf.getSpecificMorphologyInfo(languageCode, "language", result);
+        var descriptionCode = code.substr(1) + code.substr(0, 1);
+        cf.getSpecificMorphologyInfo(descriptionCode, "description", result);
+        var functionCd = code.substr(1, 1);
+        cf.getSpecificMorphologyInfo(functionCd, "ot_function", result);
+        if (result.ot_function != undefined) {
+          if (code.length > 2) {
+            var formPos = 2; var stemExpandedCd = '';
+            if (result.ot_function.toLowerCase().indexOf('verb') == 0) {
+              formPos = 3;
+              stemExpandedCd = code.substr(2, 1) + languageCode;
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "stem", result);
+              if ( (code.length == 5) && ((code.substr(3, 2) == 'aa') || (code.substr(3, 2) == 'cc')) ) {
+                  cf.getSpecificMorphologyInfo(code.substr(4, 1), "state", result);
+                  cf.getSpecificMorphologyInfo(code.substr(4, 1), "stateExplained", result);
+                  cf.getSpecificMorphologyInfo(code.substr(4, 1), "stateDesc", result);
+                  code = code.substr(0, 3) + 'f' + code.substr(4, 1); // Have to change the code for infinitive code because it does not have one.
+              }
             }
-          }
-          var formCd = code.substr(formPos, 1);
-          var formExpandedCd = formCd + functionCd;
-          var personCd, numberCd;
-          cf.getSpecificMorphologyInfo(formExpandedCd, "ot_form", result);
-          if (code.length == (formPos + 4)) {
-            var pos1 = code.substr(formPos + 1, 1);
-            var pos2 = code.substr(formPos + 2, 1);
-            var pos3 = code.substr(formPos + 3, 1);
-            var genderCd;
-            if ((pos1 == '1') || (pos1 == '2') || (pos1 == '3') ) {
-              personCd = pos1;
-              cf.getSpecificMorphologyInfo(personCd, "person", result);
-              cf.getSpecificMorphologyInfo(pos1 + pos3, "personExplained", result);
-              cf.getSpecificMorphologyInfo(pos1 + pos3, "personDesc", result);
-              genderCd = pos2;
-              numberCd = pos3;
+            var formCd = code.substr(formPos, 1);
+            var formExpandedCd = formCd + functionCd;
+            var personCd, numberCd;
+            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_form", result);
+            if (code.length == (formPos + 4)) {
+              var pos1 = code.substr(formPos + 1, 1);
+              var pos2 = code.substr(formPos + 2, 1);
+              var pos3 = code.substr(formPos + 3, 1);
+              var genderCd;
+              if ((pos1 == '1') || (pos1 == '2') || (pos1 == '3') ) {
+                personCd = pos1;
+                cf.getSpecificMorphologyInfo(personCd, "person", result);
+                cf.getSpecificMorphologyInfo(pos1 + pos3, "personExplained", result);
+                cf.getSpecificMorphologyInfo(pos1 + pos3, "personDesc", result);
+                genderCd = pos2;
+                numberCd = pos3;
+              }
+              else {
+                genderCd = pos1;
+                numberCd = pos2;
+                cf.getSpecificMorphologyInfo(pos3, "state", result);
+                cf.getSpecificMorphologyInfo(pos3, "stateExplained", result);
+                cf.getSpecificMorphologyInfo(pos3, "stateDesc", result);
+              }
+              cf.getSpecificMorphologyInfo(genderCd, "gender", result);
+              cf.getSpecificMorphologyInfo(numberCd, "number", result);
+              cf.getSpecificMorphologyInfo(genderCd, "genderExplained", result);
+              var genderExpandedCd = genderCd + numberCd;
+              cf.getSpecificMorphologyInfo(genderExpandedCd, "genderDesc", result);
+              cf.getSpecificMorphologyInfo(numberCd, "numberExplained", result);
+              cf.getSpecificMorphologyInfo(numberCd, "numberDesc", result);
             }
-            else {
-              genderCd = pos1;
-              numberCd = pos2;
-              cf.getSpecificMorphologyInfo(pos3, "state", result);
-              cf.getSpecificMorphologyInfo(pos3, "stateExplained", result);
-              cf.getSpecificMorphologyInfo(pos3, "stateDesc", result);
+            else if (code.length == 4) {
+              cf.getSpecificMorphologyInfo(code.substr(3, 1), "gender", result);
+              cf.getSpecificMorphologyInfo(code.substr(3, 1), "genderExplained", result);
+              cf.getSpecificMorphologyInfo(code.substr(3, 1), "genderDesc", result);
             }
-            cf.getSpecificMorphologyInfo(genderCd, "gender", result);
-            cf.getSpecificMorphologyInfo(numberCd, "number", result);
-            cf.getSpecificMorphologyInfo(genderCd, "genderExplained", result);
-            var genderExpandedCd = genderCd + numberCd;
-            cf.getSpecificMorphologyInfo(genderExpandedCd, "genderDesc", result);
-            cf.getSpecificMorphologyInfo(numberCd, "numberExplained", result);
-            cf.getSpecificMorphologyInfo(numberCd, "numberDesc", result);
-          }
-          else if (code.length == 4) {
-            cf.getSpecificMorphologyInfo(code.substr(3, 1), "gender", result);
-            cf.getSpecificMorphologyInfo(code.substr(3, 1), "genderExplained", result);
-            cf.getSpecificMorphologyInfo(code.substr(3, 1), "genderDesc", result);
-          }
-          if (functionCd == 'V') {
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_action", result);
-            var voiceCd = stemExpandedCd;
-            if ((formExpandedCd == 'sV') && (stemExpandedCd == 'qH')) voiceCd = stemExpandedCd + formCd;
-            cf.getSpecificMorphologyInfo(voiceCd, "ot_voice", result);
-            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tense", result);
-            var moodCd = formExpandedCd;
-            if (formExpandedCd == 'iV') moodCd = formExpandedCd + personCd;
-            cf.getSpecificMorphologyInfo(moodCd, "ot_mood", result);
-            cf.getSpecificMorphologyInfo(moodCd, "ot_moodExplained", result);
-            cf.getSpecificMorphologyInfo(moodCd, "ot_moodDesc", result);
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "stemExplained", result);
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "stemDesc", result);
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_actionExplained", result);
-            cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_actionDesc", result);
-            cf.getSpecificMorphologyInfo(voiceCd + numberCd, "ot_voiceExplained", result);
-            cf.getSpecificMorphologyInfo(voiceCd + numberCd, "ot_voiceDesc", result);
-            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tenseExplained", result);
-            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tenseDesc", result);
+            if (functionCd == 'V') {
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_action", result);
+              var voiceCd = stemExpandedCd;
+              if ((formExpandedCd == 'sV') && (stemExpandedCd == 'qH')) voiceCd = stemExpandedCd + formCd;
+              cf.getSpecificMorphologyInfo(voiceCd, "ot_voice", result);
+              cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tense", result);
+              var moodCd = formExpandedCd;
+              if (formExpandedCd == 'iV') moodCd = formExpandedCd + personCd;
+              cf.getSpecificMorphologyInfo(moodCd, "ot_mood", result);
+              cf.getSpecificMorphologyInfo(moodCd, "ot_moodExplained", result);
+              cf.getSpecificMorphologyInfo(moodCd, "ot_moodDesc", result);
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "stemExplained", result);
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "stemDesc", result);
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_actionExplained", result);
+              cf.getSpecificMorphologyInfo(stemExpandedCd, "ot_actionDesc", result);
+              cf.getSpecificMorphologyInfo(voiceCd + numberCd, "ot_voiceExplained", result);
+              cf.getSpecificMorphologyInfo(voiceCd + numberCd, "ot_voiceDesc", result);
+              cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tenseExplained", result);
+              cf.getSpecificMorphologyInfo(formExpandedCd, "ot_tenseDesc", result);
+            }
+            var functionExpandedCd = functionCd + formCd + numberCd;
+            cf.getSpecificMorphologyInfo(functionExpandedCd, "ot_functionExplained", result);
+            cf.getSpecificMorphologyInfo(functionExpandedCd, "ot_functionDesc", result);
+            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_formExplained", result);
+            cf.getSpecificMorphologyInfo(formExpandedCd, "ot_formDesc", result);
           }
-          var functionExpandedCd = functionCd + formCd + numberCd;
-          cf.getSpecificMorphologyInfo(functionExpandedCd, "ot_functionExplained", result);
-          cf.getSpecificMorphologyInfo(functionExpandedCd, "ot_functionDesc", result);
-          cf.getSpecificMorphologyInfo(formExpandedCd, "ot_formExplained", result);
-          cf.getSpecificMorphologyInfo(formExpandedCd, "ot_formDesc", result);
         }
+        cf.getExplanationOfMorph(code, result);
+        resultArray.push(result);
       }
-      cf.getExplanationOfMorph(code, result);
     }
-    var resultArray = [];
-    resultArray.push(result);
-    //console.log(result);
     return resultArray;
   },
 
@@ -1521,10 +1525,10 @@ var cf = {
       var morphPos = passageHTML.indexOf("morph=", currentPos);
       if (morphPos > -1) {
         var charAfterMorph = passageHTML.substr(morphPos + 6, 1);
-        if (((charAfterMorph == '"') || (charAfterMorph == "'")) && (passageHTML.substr(morphPos + 7, 4) == 'TOS:')) {
+        if (((charAfterMorph == '"') || (charAfterMorph == "'")) && (passageHTML.substr(morphPos + 7, 4) === 'TOS:')) {
           currentPos = morphPos + 11;
           var endingQuotePos = passageHTML.indexOf(charAfterMorph, currentPos);
-          if ((endingQuotePos > -1) && (endingQuotePos - currentPos < 10)) {
+          if ((endingQuotePos > -1) && (endingQuotePos - currentPos < 60)) {
             var morphCode = passageHTML.substring(currentPos, endingQuotePos);
             currentPos = endingQuotePos + 1;
             var cssCode = cf.morph2CSS(morphCode).trim();
@@ -1546,7 +1550,7 @@ var cf = {
                         result = result.concat(cssCode);
                         if (shorterStringToSearch.substr(classPos+7, 1) != quoteAfterClass) result = result.concat(' ');
                       }
-                      else alert("error at addClassForTHOT Cannot find quote after class.  Please let the STEP people know");
+                      else console.log("error at addClassForTHOT Cannot find quote after class.  Please let the STEP people know");
                     }
                     else result = result.concat('="' + cssCode + '" ');
                   }
@@ -1562,10 +1566,10 @@ var cf = {
                 var foundCode = cssCode.split(' ').filter(function(code) { return (code.substr(0,4) == 'vot_' && otCSSOnThisPage.indexOf(code.substr(4,4)) == -1); });
                 if (foundCode.length > 0) otCSSOnThisPage += ' ' + foundCode[0].substr(4, 4);
               }
-              else alert("error at addClassForTHOT cannot find >");
+              else console.log("error at addClassForTHOT cannot find >");
             }
           }
-          else alert("error at addClassForTHOT cannot find ending quote at " + endingQuotePos);
+          else console.log("error at addClassForTHOT cannot find ending quote at " + endingQuotePos);
         }
         else currentPos = morphPos + 6;
       }
@@ -1638,9 +1642,10 @@ var cf = {
     return htmlTable;
   },
 
-  morph2CSS: function (morphCode) {
+  morph2CSS: function (origMorphCode) {
     var result = '';
-    if (morphCode != undefined) {
+    if (typeof origMorphCode === "string") {
+      var morphCode = origMorphCode.split(" ")[0];
       var number = ''; var gender = '';
       var morphCodeLength = morphCode.length;
       if ((morphCodeLength == 6) || (morphCodeLength == 7)) {
diff --git a/step-web/src/main/webapp/js/copy_text.js b/step-web/src/main/webapp/js/copy_text.js
index cb173f2399..68473fb952 100644
--- a/step-web/src/main/webapp/js/copy_text.js
+++ b/step-web/src/main/webapp/js/copy_text.js
@@ -15,7 +15,7 @@ step.copyText = {
 	    $('#bookchaptermodalbody').empty();
 		var html = this._buildHeaderAndSkeleton();
 		$('#bookchaptermodalbody').append(html);
-		$('#bookchaptermodalbody').append(this._buildChptrVrsTbl(-1));
+		$('#bookchaptermodalbody').append(this._buildChapterVerseTable(-1));
 	},
 
 
@@ -306,7 +306,7 @@ step.copyText = {
 		setTimeout( function() { step.util.closeModal("copyModal")}, sleepTime);
 	},
 
-	_buildChptrVrsTbl: function(firstSelection) {
+	_buildChapterVerseTable: function(firstSelection) {
 		var passageContainer = step.util.getPassageContainer(step.util.activePassageId());
 		var versesInPanel = $(passageContainer).find(".versenumber");
 		var verses = [];
@@ -385,7 +385,7 @@ step.copyText = {
 					'>' + verseName + 
 					'</a></td>'
 			}
-			else html += '<td><a href="javascript:step.copyText._buildChptrVrsTbl(' + i + ');"' +
+			else html += '<td><a href="javascript:step.copyText._buildChapterVerseTable(' + i + ');"' +
 					'>' + verseName + 
 					'</a></td>'
 			if ((chptrOrVrsNum > (tableColumns - 1)) && ((chptrOrVrsNum % tableColumns) == 0)) {
diff --git a/step-web/src/main/webapp/js/passage/step.passage.js b/step-web/src/main/webapp/js/passage/step.passage.js
index 0563d7f19f..42cbf9f73a 100644
--- a/step-web/src/main/webapp/js/passage/step.passage.js
+++ b/step-web/src/main/webapp/js/passage/step.passage.js
@@ -1,7 +1,7 @@
 var CONTINUOUS_SCROLLING_VERSE_GAP = 50;
 
 step.passage = {
-    lastUrls : [undefined, undefined],
+    // lastUrls : [undefined, undefined],
     getPassageId: function(element) {
         return parseInt($(element).closest(".passageContainer").attr("passage-id"));
     },
diff --git a/step-web/src/main/webapp/js/passage_selection.js b/step-web/src/main/webapp/js/passage_selection.js
index 7b201b5837..5e06cb93cd 100644
--- a/step-web/src/main/webapp/js/passage_selection.js
+++ b/step-web/src/main/webapp/js/passage_selection.js
@@ -76,10 +76,9 @@ step.passageSelect = {
 		["Rev", 22, [20,29,22,11,14,17,17,13,21,11,19,17,18,20,8,21,18,24,21,15,27,21]]
 	],
     // The Bible at the beginning of the list have vocabulary.  The are listed first so they will be suggested when user select a NT passage with an OT Bible or vice versa.
-	translationsWithPopularBooksChapters: " esv esv_th nasb2020 kjv bsb nasb nasb1995 cun cuns hcsb sparv1909 abgk aben netfull niv nav sparv chincvs acv akjv alb arasvd asmulb asv bbe benulb bulprotrev burjudson ccb clarke cro cym czebkr dan dan1871 darby dtn dutkant dutsvv ee esperanto fcb finbiblia finpr frebbb frecrl fremartin frepgr gen gerelb1871 gerelb1905 gergruenewald gersch gujulb haitian hinulb hnv hrvcb hunkar icelandic itadio itarive jfb jub kanulb korhkjv korrv lbla luther mal1865 malulb maori marulb mhc mhcc nasb1995 nbla ndebele neno nhe nhj nhm norsk norsmb ntlr nvi oriulb panulb pnvi polgdanska porar romcor roth rskj rwebs scofield serdke shona sparvg spasev swe1917 swekarlxii1873 tagangbiblia tamulb telulb tglulb tsk ukjv ukrainian umgreek urdulb viet vulgj web webb webm webs ylt ",
+	translationsWithPopularBooksChapters: " esv nasb2020 kjv bsb nasb nasb1995 cun cuns hcsb sparv1909 abgk aben netfull niv nav sparv chincvs acv akjv alb arasvd asmulb asv bbe benulb bulprotrev burjudson ccb clarke cro cym czebkr dan dan1871 darby dtn dutkant dutsvv ee esperanto fcb finbiblia finpr frebbb frecrl fremartin frepgr gen gerelb1871 gerelb1905 gergruenewald gersch gujulb haitian hinulb hnv hrvcb hunkar icelandic itadio itarive jfb jub kanulb korhkjv korrv lbla luther mal1865 malulb maori marulb mhc mhcc nbla ndebele neno nhe nhj nhm norsk norsmb ntlr nvi oriulb panulb pnvi polgdanska porar romcor roth rskj rwebs scofield serdke shona sparvg spasev swe1917 swekarlxii1873 tagangbiblia tamulb telulb tglulb tsk ukjv ukrainian umgreek urdulb viet vulgj web webb webm webs ylt amhnasv arbkeh cebapd ckbkss	danbph deu1912eb gerbolut hilapd hinhss ibobiu japkougo jpnjcb kikgky korklb lsb lugeeee malmcv ndeben nirv nivuk nldhtb nyaccl pornvi thatncv twiakna viekthd web zomziv yorbmyo tglasd swhnen spanvi snabdsc ronntr ",
 	translationsWithPopularNTBooksChapters: ' sblg thgnt 20c abbott ant armwestern barnes bashautin burkitt bwe byz cebulb che1860 comm copsahhorner copsahidica copsahidicmss diag elz eth family godb hauulb indulb khmkcb latvian leb lo mont murd nepulb nestle pesh pltulb pnt portb rkjn rwp sblgntapp spavnt swahili swaulb tisch tnt tr ukrkulish uma varapp weym whnu wors ',
 	translationsWithPopularOTBooksChapters: ' lxx ab gertextbibel kd wlc lees rusmakarij ',
-
 	initPassageSelect: function(summaryMode) {
         this.version = "ESV_th";
 		this.userLang = step.state.language() || "en-US";
@@ -93,7 +92,8 @@ step.passageSelect = {
 			$('#append_to_panel').hide();
 			hideAppend = true;
 		}
-		if ($('.passageContainer.active').width() < 500) $('#displayLocForm').hide();
+		if (($('.passageContainer.active').width() < 500) || (step.touchDevice && !step.touchWideDevice))
+			$('#displayLocForm').hide();
 		this._displayListOfBooks(summaryMode);
 		$("textarea#enterYourPassage").on('input', function(e){
 			step.passageSelect._handleKeyboardEntry(e);
@@ -178,8 +178,8 @@ step.passageSelect = {
 									  (step.keyedVersions[data[i].item.initials].languageCode === "en"));
 			}
 		}
-		var lowerCaseVersion = ' ' + this.version.toLowerCase() + ' ';
-		versionAltName = ' ' + versionAltName.toLowerCase() + ' ';
+		var lowerCaseVersion = ' ' + this.version.toLowerCase().replace(/_sbonly$/, "").replace(/_sb$/, "").replace(/_th$/, "") + ' ';
+		versionAltName = ' ' + versionAltName.toLowerCase().replace(/_sbonly$/, "").replace(/_sb$/, "").replace(/_th$/, "") + ' ';
 		var translationType = "";
 		if ((this.translationsWithPopularBooksChapters.indexOf(lowerCaseVersion) > -1) || (this.translationsWithPopularBooksChapters.indexOf(versionAltName) > -1)) translationType = "OTNT";
 		else if ((this.translationsWithPopularNTBooksChapters.indexOf(lowerCaseVersion) > -1) || (this.translationsWithPopularNTBooksChapters.indexOf(versionAltName) > -1)) translationType = "NT";
@@ -495,7 +495,6 @@ step.passageSelect = {
 			}
 		}
         var chapterDescription = [];
-        var chapterHeader = [];
         if (summaryMode) {
             tableColumns = 1;
             for (var i = 0; i <= numOfChptrsOrVrs; i++) {
diff --git a/step-web/src/main/webapp/js/search_selection.js b/step-web/src/main/webapp/js/search_selection.js
index 549a8d9ba9..388ac02712 100644
--- a/step-web/src/main/webapp/js/search_selection.js
+++ b/step-web/src/main/webapp/js/search_selection.js
@@ -149,7 +149,6 @@ step.searchSelect = {
 		$("#searchmodalbody").addClass("scrollPart");
 		if ((this.userLang.indexOf('en') != 0) && (this.groupsOT[0].groupName === "Books of Moses") && (this.groupsOT[0].groupName !== "Pentateuch"))
 			this.groupsOT[0].groupName = __s.the_pentateuch;
-		if ($('.passageContainer.active').width() < 500) $('#displayLocForm').hide();
 		if (step.util.getPassageContainer(step.util.activePassageId()).find(".resultsLabel").text() !== "") {
 			var activePassageData = step.util.activePassage().get("searchTokens") || [];
 			var existingReferences = "";
@@ -271,6 +270,8 @@ step.searchSelect = {
 			$("#select_advanced_search").removeClass("checked");
 			$("#advancesearchonoffswitch").prop( "checked", false );
 		}
+		if (($('.passageContainer.active').width() < 500) || (step.touchDevice && !step.touchWideDevice))
+			$('#displayLocForm').hide();
 	},
 
 	_initOptions: function() {
@@ -571,7 +572,7 @@ step.searchSelect = {
 		if (((this.userLang.toLowerCase().indexOf("zh") == 0) || (this.userLang.toLowerCase().indexOf("es") == 0)) &&
 			(this._getTranslationType() !== "")) {
 			displayRange = "";
-			var arrayOfTyplicalBooksChapters = JSON.parse(__s.list_of_bibles_books);
+			var arrayOfTyplicalBooksAndChapters = JSON.parse(__s.list_of_bibles_books);
 			while (copyOfRange != "") {
 				var separatorChar = "";
 				var pos = copyOfRange.search(/[-,]/);
@@ -580,9 +581,9 @@ step.searchSelect = {
 				var currentOsisID = copyOfRange.substr(0, pos);
 				var posOfBook = this.idx2osisChapterJsword[currentOsisID];
 				if ((posOfBook > -1) &&
-					(typeof arrayOfTyplicalBooksChapters !== "undefined") &&
-					(arrayOfTyplicalBooksChapters[posOfBook].length === 2)) {
-						displayRange += arrayOfTyplicalBooksChapters[posOfBook][1];
+					(typeof arrayOfTyplicalBooksAndChapters !== "undefined") &&
+					(arrayOfTyplicalBooksAndChapters[posOfBook].length === 2)) {
+						displayRange += arrayOfTyplicalBooksAndChapters[posOfBook][1];
 				}
 				else displayRange += currentOsisID;
 				displayRange += separatorChar;
@@ -928,7 +929,7 @@ step.searchSelect = {
 		var typlicalBooksChapters = false;
 		var start = 0;
 		var end = 0;
-		var arrayOfTyplicalBooksChapters;
+		var arrayOfTyplicalBooksAndChapters;
 		if (typeof data === "string") {
 			if (data == "OTNT") end = 66;
 			else if (data == "OT") end = 39;
@@ -938,7 +939,7 @@ step.searchSelect = {
 			}
 			data = step.passageSelect.osisChapterJsword;
 			typlicalBooksChapters = true;
-			arrayOfTyplicalBooksChapters = JSON.parse(__s.list_of_bibles_books);
+			arrayOfTyplicalBooksAndChapters = JSON.parse(__s.list_of_bibles_books);
 		}
 		else end = data.length;
 		this.groupsOther = [{groupName: 'Other', show: false, books: [], bookOrderPos: []}];
@@ -965,9 +966,9 @@ step.searchSelect = {
 			var posOfBook = this.idx2osisChapterJsword[currentOsisID];
 			if (posOfBook > -1) {
 				if (typeof step.passageSelect.osisChapterJsword[posOfBook][3] !== "undefined") longID = step.passageSelect.osisChapterJsword[posOfBook][3];
-				if (typeof arrayOfTyplicalBooksChapters !== "undefined") {
-					longNameToDisplay = arrayOfTyplicalBooksChapters[posOfBook][0];
-					shortNameToDisplay = (arrayOfTyplicalBooksChapters[posOfBook].length === 2) ? arrayOfTyplicalBooksChapters[posOfBook][1] : currentOsisID;
+				if (typeof arrayOfTyplicalBooksAndChapters !== "undefined") {
+					longNameToDisplay = arrayOfTyplicalBooksAndChapters[posOfBook][0];
+					shortNameToDisplay = (arrayOfTyplicalBooksAndChapters[posOfBook].length === 2) ? arrayOfTyplicalBooksAndChapters[posOfBook][1] : currentOsisID;
 				}
 			}
 			this.bookOrder.push([currentOsisID, false, longID, shortNameToDisplay, longNameToDisplay]);
@@ -1750,7 +1751,7 @@ step.searchSelect = {
 		}
 		if (additionalInfoOnStrong[3].length > 0) {
 			str2Search += "," + additionalInfoOnStrong[3].toString();
-			titleText = ' title="All forms: ' + str2Search + '" ';
+			titleText = ' title="' + __s.all + ' forms: ' + str2Search + '" ';
 		}
 		var goSearchCall = 'step.searchSelect.goSearch(\'' + searchType + '\',\'' + str2Search + '\')';
 		var newSuggestion =	$('<a style="padding:0px"' + titleText + ' onclick="javascript:' + goSearchCall + '">' + text2Display + '</a>');
@@ -1817,7 +1818,7 @@ step.searchSelect = {
 		if ((origSuggestionType === GREEK_MEANINGS) || (origSuggestionType === HEBREW_MEANINGS)) {
 			text2Display = '<span>';
 			if (strongsToInclude.length > 1)
-				text2Display += strongsToInclude.length + ' different ';
+				text2Display += strongsToInclude.length + ' ' + __s.different + ' ';
 			text2Display += strongNum + '* (<i>' + data[0].suggestion.stepTransliteration + '</i>) ' +
 				__s.and_synonyms_with_the_meaning + ' ' + userInput + '</span>';
 			suffixText = "";
@@ -1898,7 +1899,7 @@ step.searchSelect = {
 					hasBothTestaments = (hasBothTestaments || ((frequencies[1] > 0) && (frequencies[2] > 0))) ? true : false;
 					var frequencyMsg = step.util.formatFrequency({strongNumber: strongNum, versionCountOT: frequencies[1], versionCountNT: frequencies[2]}, frequencies[0], hasBothTestaments,
 						notInBibleSelected);
-					text2Display = "All " + frequencyMsg + " occurrences";
+					text2Display = __s.all + " " + frequencyMsg + " " + __s.occurrences;
 					gloss = "";
 				}
 				else {
@@ -1940,7 +1941,8 @@ step.searchSelect = {
 			currentSearchSuggestionElement.append('<br><hr><br>');
 			step.searchSelect.appendSearchSuggestionsToDisplay(currentSearchSuggestionElement,
 				strongsWithSameSimpleStrongsAsMainStrong, suggestionType, origStrongNum,
-				"Find all instances of the <a title='Document on the Strong number system' href='https://docs.google.com/document/d/1PE_39moIX8dyQdfdiXUS5JkyuzCGnXrVhqBM87ePNqA/preview#heading=h.4a5fldrviek' target='_blank'>simple Strong</a> number: ",
+				__s.find_all + " <a title='Document on the Strong number system' href='https://docs.google.com/document/d/1PE_39moIX8dyQdfdiXUS5JkyuzCGnXrVhqBM87ePNqA/preview#heading=h.4a5fldrviek' target='_blank'>" + 
+				__s.simple_strong + "</a>: ",
 				'(<i class="srchTransliteration">' + transliterationOfSameSimpleStrongAsMainStrong + '</i> - <span class="srchFrequency"> ' + freqencyOfSameSimpleStrongAsMainStrong + ' x</span>)',
 				"",
 				limitType, null, false, false, "", allVersions, false, false);
@@ -2044,9 +2046,9 @@ step.searchSelect = {
 					" forms</i>' at the end of this line for more information";
 			else { // 2nd search modal screen with input field hidden
 				if ((typeof prefixToDisplay === "string") && (prefixToDisplay.indexOf("docs.google.com")) > -1)
-					multipleStrongText = "Note: The original Strong numbering system was written in 1890. It is not as precise as the enhanced Strong numbering listed in lines above your mouse pointer. A click on this link will search " + numOfWord + " words with same simple Strong number.";
+					multipleStrongText = sprintf(__s.old_strong_explain, numOfWord);
 				else
-					multipleStrongText = "Search of " + numOfWord + " words with same meaning, mouse over words listed below for more information";
+					multipleStrongText = sprintf(__s.search_word_same_meaning, numOfWord);
 			}
 		}
 		newElement.hover(function (ev) {
@@ -2239,27 +2241,27 @@ step.searchSelect = {
 			return join.substring(0,1).toLowerCase();
 	},
 
-	_buildJoinString: function(currentJoin, previousJoins, searchType) {
-		var previousJoinString = "";
-		if (typeof searchType === "undefined") {
-			console.log("dont know why the searchtype is undefined in buildJoinString");
-		}
-		if ((typeof currentJoin === "string") && (currentJoin.length > 0)) currentJoin = currentJoin.substring(0,1).toLowerCase();
-		else currentJoin = "a";
-		var previousJoinString = "1";
-		var searchCount = 0;
-		if (previousJoins.length > 0) {
-			for (searchCount = 0; i < previousJoins.length; searchCount++) {
-				previousJoinString += previousJoins[searchCount].substring(0,1).toLowerCase();
-				previousJoinString += (searchCount + 1);
-			}
-		}
-		else searchCount = 1;
-		var newJoinString = "";
-		if (previousJoinString !== "") newJoinString = previousJoinString + currentJoin + (searchCount + 1);
-		if (newJoinString !== "") newJoinString = "|srchJoin=" + newJoinString;
-		return newJoinString;
-	},
+	// _buildJoinString: function(currentJoin, previousJoins, searchType) {
+	// 	var previousJoinString = "";
+	// 	if (typeof searchType === "undefined") {
+	// 		console.log("dont know why the searchtype is undefined in buildJoinString");
+	// 	}
+	// 	if ((typeof currentJoin === "string") && (currentJoin.length > 0)) currentJoin = currentJoin.substring(0,1).toLowerCase();
+	// 	else currentJoin = "a";
+	// 	var previousJoinString = "1";
+	// 	var searchCount = 0;
+	// 	if (previousJoins.length > 0) {
+	// 		for (searchCount = 0; i < previousJoins.length; searchCount++) {
+	// 			previousJoinString += previousJoins[searchCount].substring(0,1).toLowerCase();
+	// 			previousJoinString += (searchCount + 1);
+	// 		}
+	// 	}
+	// 	else searchCount = 1;
+	// 	var newJoinString = "";
+	// 	if (previousJoinString !== "") newJoinString = previousJoinString + currentJoin + (searchCount + 1);
+	// 	if (newJoinString !== "") newJoinString = "|srchJoin=" + newJoinString;
+	// 	return newJoinString;
+	// },
 
 	addSearchWords: function(searchWord) {
 		var current = step.util.localStorageGetItem("step.previousSearches");
diff --git a/step-web/src/main/webapp/js/step.util.js b/step-web/src/main/webapp/js/step.util.js
index 6280ed17f1..603fe11ce8 100644
--- a/step-web/src/main/webapp/js/step.util.js
+++ b/step-web/src/main/webapp/js/step.util.js
@@ -88,6 +88,7 @@
             }).error(function() {
                 changeBaseURL();
             });
+
         },
 
         /**
@@ -123,7 +124,7 @@
 window.step = window.step || {};
 step.util = {
     outstandingRequests: 0,
-    timers: {},
+    timersForSTEPApp: {},
 	versionsBoth: ["ESV", "KJV", "NASB2020", "BSB", "HCSB", "RV_TH", "WEB_TH", "ASV-TH", "CHIUN", "CHIUNS", "NASB1995", "RWEBSTER", "SPABES2018EB", "ARASVD"],
 	versionsGreekNT: ["SBLG_TH", "THGNT", "TR", "BYZ", "WHNU", "ELZEVIR", "ANTONIADES", "KHMKCB"],
 	versionsGreekOT: ["LXX_TH"],
@@ -178,12 +179,12 @@ step.util = {
 	showHideFreqList: function () {
 		if ($(".detailFreqList:visible").length > 0) {
 			$(".detailFreqList").hide();
-			$(".freqListSelect").text("More ...");
+			$(".freqListSelect").text(__s.more + " ...");
 			$(".freqListSelectIcon").removeClass("glyphicon-triangle-bottom").addClass("glyphicon-triangle-right");
 		}
 		else {
 			$(".detailFreqList").show();
-			$(".freqListSelect").text("Less ...");
+			$(".freqListSelect").text(__s.less + " ...");
 			$(".freqListSelectIcon").removeClass("glyphicon-triangle-right").addClass("glyphicon-triangle-bottom");
 		}
 	},
@@ -213,7 +214,7 @@ step.util = {
 			msg[0] = msg[0].substring(4);
 		if ((msg[0] === "") && (msg[1].indexOf("<br>") == 0))
 			msg[1] = msg[1].substring(4);
-		return "<span>Frequencies vary </span><a href='https://docs.google.com/document/d/1PE_39moIX8dyQdfdiXUS5JkyuzCGnXrVhqBM87ePNqA/preview#bookmark=id.11g1a0zd07wd' target='_blank'>(why?)</a>" +
+		return "<span>" + __s.frequencies_vary + " </span><a href='https://docs.google.com/document/d/1PE_39moIX8dyQdfdiXUS5JkyuzCGnXrVhqBM87ePNqA/preview#bookmark=id.11g1a0zd07wd' target='_blank'>(" + __s.why + ")</a>" +
 			"<br>" + msg[0] + msg[1] + "<br>" +
 			"<a onClick='step.util.showHideFreqList()'><span class='freqListSelect'>More ...</span><i class='freqListSelectIcon glyphicon glyphicon-triangle-right'></i></a>" +
 			"<span class='detailFreqList' style='display:none'>" +
@@ -304,10 +305,11 @@ step.util = {
             model.trigger("squashErrors");
         }
     },
-	tempAlert: function(msg, duration) {
+	tempAlert: function(msg, duration, showAtBottom) {
         var el = document.createElement("div");
 		el.setAttribute("id","tmpStepAlert");
-        el.setAttribute("style","z-index:99999;text-align:center;position:absolute;top:15%;left:10%;right:10%;background-color:#ffffcc;color:black;font-size:20px;");
+		var topOrBottom = (showAtBottom) ? "bottom" : "top";
+        el.setAttribute("style","z-index:99999;text-align:center;position:absolute;" + topOrBottom + ":15%;left:10%;right:10%;background-color:#ffffcc;color:black;font-size:20px;");
         el.innerHTML = msg + "<div style='font-size:12px'>This message will go away in " + duration + " seconds.</div>";
         setTimeout(function(){
             el.innerHTML = msg + "<div style='font-size:12px'>This message will go away in " + Math.ceil(duration * .666)  + " seconds.</div>";
@@ -320,12 +322,13 @@ step.util = {
         }, duration * 333);
         document.body.appendChild(el);
     },
-    getErrorPopup: function (message, level) {
-        var errorPopup = $(_.template('<div class="alert alert-error fade in alert-<%= level %>" id="errorContainer">' +
-			step.util.modalCloseBtn(null, "") +
-            '<%= message %></div>')({ message: message, level: level}));
-        return errorPopup;
-    },
+// seems like it is not used.  PT 11/20/2023
+//    getErrorPopup: function (message, level) {
+//        var errorPopup = $(_.template('<div class="alert alert-error fade in alert-<%= level %>" id="errorContainer">' +
+//			step.util.modalCloseBtn(null, "") +
+//            '<%= message %></div>')({ message: message, level: level}));
+//        return errorPopup;
+//    },
     raiseOneTimeOnly: function (key, level) {
         var k = step.settings.get(key);
         if (!k) {
@@ -560,29 +563,31 @@ step.util = {
      * @param el
      */
     createNewLinkedColumn: function (passageId) {
-		if ($(window).width() < 768) {
-			if (step.util.localStorageGetItem("already_warned_screen_not_wide_enough") !== "true") {
-				var msg = __s.screen_not_wide_enought;
-			if ((step.touchDevice) && ($(window).height() > 768))
-					msg += " " + __s.rotate_screen_to_landscape_mode;
-			alert(msg);
-				step.util.localStorageSetItem("already_warned_screen_not_wide_enough", true);
-			}
-		}
+		// if ($(window).width() < 768) {
+		// 	if (step.util.localStorageGetItem("already_warned_screen_not_wide_enough") !== "true") {
+		// 		var msg = __s.screen_not_wide_enought;
+		// 	if ((step.touchDevice) && ($(window).height() > 768))
+		// 			msg += " " + __s.rotate_screen_to_landscape_mode;
+		// 	alert(msg);
+		// 		step.util.localStorageSetItem("already_warned_screen_not_wide_enough", true);
+		// 	}
+		// }
         this.activePassageId(passageId);
         this.createNewColumn(true);
     },
     createNewLinkedColumnWithScroll: function (passageId, verseRef, stripCommentaries, postProcessModelCallback, ev) {
-        this.createNewLinkedColumn(passageId);
+		if (!step.touchDevice || step.touchWideDevice) {
+	        this.createNewLinkedColumn(passageId);
 
         //call the post processor
-        var activePassage = step.util.activePassage();
-        if (postProcessModelCallback) {
-            postProcessModelCallback(activePassage);
-        }
+			var activePassage = step.util.activePassage();
+			if (postProcessModelCallback) {
+				postProcessModelCallback(activePassage);
+			}
 
-        //next target can be set on the active model
-        activePassage.save({ targetLocation: verseRef }, { silent: true });
+			//next target can be set on the active model
+			activePassage.save({ targetLocation: verseRef }, { silent: true });
+		}
 
         var chapterRef = verseRef.substr(0, verseRef.lastIndexOf("."));
         if (step.util.isBlank(chapterRef)) {
@@ -593,7 +598,7 @@ step.util = {
 			var numOfChaptersInBook = step.passageSelect.getNumOfChapters(bookName);
 			if (numOfChaptersInBook == 1) chapterRef = bookName;
 		}
-        step.router.navigatePreserveVersions("reference=" + chapterRef, stripCommentaries);
+        step.router.navigatePreserveVersions("reference=" + chapterRef, stripCommentaries, null, null, true);
 
         //we prevent the event from bubbling up to set the passage id, as we expect a new passage to take focus
         if (ev) ev.stopPropagation();
@@ -691,9 +696,10 @@ step.util = {
         step.util.getPassageContainer(newPassageId).find(".linkPanel").remove();
         return linkedPassageIds;
     },
-    isSeptuagintVersion: function (item) {
-        return $.inArray(item.initials || item, step.util.septuagintVersions) != -1;
-    },
+// Does not seem like it is used.  11/20/2023 PT
+//    isSeptuagintVersion: function (item) {
+//        return $.inArray(item.initials || item, step.util.septuagintVersions) != -1;
+//    },
     getPassageContainer: function (passageIdOrElement) {
         if (!this._passageContainers) {
             this._passageContainers = {};
@@ -710,9 +716,9 @@ step.util = {
         return container;
     },
     clearTimeout: function (timerName) {
-        var tn = this.timers[timerName];
+        var tn = this.timersForSTEPApp[timerName];
         if (tn == undefined) {
-            this.timers[timerName] = tn = 0;
+            this.timersForSTEPApp[timerName] = tn = 0;
         }
         clearTimeout(tn);
     },
@@ -721,16 +727,16 @@ step.util = {
         if (timerName) {
             this.clearTimeout(timerName);
             if (callback) {
-                this.timers[timerName] = setTimeout(callback, ms);
+                this.timersForSTEPApp[timerName] = setTimeout(callback, ms);
             }
         } else {
             clearTimeout(timer);
             timer = setTimeout(callback, ms);
         }
     },
-    getMainLanguage: function (passageModel) {
-        return (passageModel.get("languageCode") || ["en"])[0];
-    },
+//    getMainLanguage: function (passageModel) {
+//        return (passageModel.get("languageCode") || ["en"])[0];
+//    },
     restoreFontSize: function (passageModel, element) {
 		var fontArray = ["defaultfont", "hbFont", "unicodeFont", "arabicFont", "burmeseFont", "chineseFont", "copticFont", "farsiFont", "khmerFont", "syriacFont"];
         var passageId = passageModel.get("passageId");
@@ -884,19 +890,20 @@ step.util = {
 		}
 		return currentFontSize;
 	},
-    getKeyValues: function (args) {
-        var tokens = (args || "").split("|");
-        var data = [];
-        for (var i = 0; i < tokens.length; i++) {
-            var tokenParts = tokens[i].split("=");
-            if (tokenParts.length > 1) {
-                var key = tokenParts[0];
-                var value = tokenParts.slice(1).join("=");
-                data.push({ key: key, value: value });
-            }
-        }
-        return data;
-    },
+	// Might not be called 11/20/2023 PT
+//    getKeyValues: function (args) {
+//        var tokens = (args || "").split("|");
+//        var data = [];
+//        for (var i = 0; i < tokens.length; i++) {
+//            var tokenParts = tokens[i].split("=");
+//            if (tokenParts.length > 1) {
+//                var key = tokenParts[0];
+//                var value = tokenParts.slice(1).join("=");
+//                data.push({ key: key, value: value });
+//            }
+ //       }
+//        return data;
+//    },
     safeEscapeQuote: function (term) {
         if (term == null) {
             return "";
@@ -1321,11 +1328,16 @@ step.util = {
          */
         showTutorial: function () {
             step.util.ui.initSidebar('help', { });
-            require(["sidebar"], function (module) {
-                step.sidebar.save({
-                    mode: 'help'
-                });
-            });
+			if (step.sidebar != null) {
+				if (!step.touchDevice || step.touchWideDevice)
+	  	            require(["sidebar"], function (module) {
+		                step.sidebar.save({
+		                    mode: 'help'
+		                });
+		            });
+	   			else
+					step.sidebar = null;
+	        }
         },
         /**
          * called when click on a piece of text.
@@ -1396,14 +1408,19 @@ step.util = {
             });
         },
         openStrongNumber: function (strong, morph, reference, version, allVersions) {
-            step.sidebar.save({
-                strong: strong,
-                morph: morph,
-                mode: 'lexicon',
-                ref: reference,
-                version: version,
-				allVersions: allVersions
-            });
+			if (step.sidebar != null) {
+				if (!step.touchDevice || step.touchWideDevice)
+					step.sidebar.save({
+						strong: strong,
+						morph: morph,
+						mode: 'lexicon',
+						ref: reference,
+						version: version,
+						allVersions: allVersions
+					});
+				else
+					step.sidebar = null;
+			}
         },
         openStats: function (focusedPassage) {
             this.initSidebar("analysis", { ref: focusedPassage });
@@ -1439,7 +1456,7 @@ step.util = {
 							if ((typeof ev.originalEvent === "object") &&
 								(typeof ev.originalEvent.touches === "object") &&
 								(typeof ev.originalEvent.touches[0] === "object") &&
-								(typeof ev.originalEvent.touches[0].pageY === "number")) that.pageY = ev.originalEvent.touches[0].pageY;
+								(typeof ev.originalEvent.touches[0].clientY === "number")) that.pageY = ev.originalEvent.touches[0].clientY;
 							step.touchForQuickLexiconTime = Date.now();
 							var strongStringAndPrevHTML = step.util.ui._getStrongStringAndPrevHTML(this); // Try to get something unique on the word touch by the user to compare if it is the 2nd touch
 							var userTouchedSameWord = (strongStringAndPrevHTML == step.lastTapStrong);
@@ -1464,29 +1481,26 @@ step.util = {
 								step.lastTapStrong = "";
 							}
 						}).hover(function (ev) { // mouse pointer starts hover (enter)
-							if ((!step.touchDevice) && (!step.util.keepQuickLexiconOpen)) {
-								step.passage.higlightStrongs({
-									passageId: undefined,
-									strong: $(this).attr('strong'),
-									morph: $(this).attr('morph'),
-									classes: "primaryLightBg"
-								});
-								var hoverContext = this;
-								require(['quick_lexicon'], function () {
-									step.util.delay(function () {
-										// do the quick lexicon
-										step.util.ui._displayNewQuickLexicon(hoverContext, passageId, false, ev.pageY);
-									}, MOUSE_PAUSE, 'show-quick-lexicon');
-								});
-							}
+							if (step.touchDevice || step.util.keepQuickLexiconOpen) return;
+							step.passage.higlightStrongs({
+								passageId: undefined,
+								strong: $(this).attr('strong'),
+								morph: $(this).attr('morph'),
+								classes: "primaryLightBg"
+							});
+							var hoverContext = this;
+							require(['quick_lexicon'], function () {
+								step.util.delay(function () {
+									// do the quick lexicon
+									step.util.ui._displayNewQuickLexicon(hoverContext, passageId, false, ev.pageY);
+								}, MOUSE_PAUSE, 'show-quick-lexicon');
+							});
 						}, function () { // mouse pointer ends hover (leave)
-							if (!step.touchDevice) {
-								step.passage.removeStrongsHighlights(undefined, "primaryLightBg relatedWordEmphasisHover");
-								step.util.delay(undefined, 0, 'show-quick-lexicon');
-								if (!step.util.keepQuickLexiconOpen) {
-									$("#quickLexicon").remove();
-								}
-							}
+							if (step.touchDevice || step.util.keepQuickLexiconOpen) return;
+							step.passage.removeStrongsHighlights(undefined, "primaryLightBg relatedWordEmphasisHover");
+							step.util.delay(undefined, 0, 'show-quick-lexicon');
+							if (!step.util.keepQuickLexiconOpen)
+								$("#quickLexicon").remove();
 						});
 				},
 				_getStrongStringAndPrevHTML: function (touchedObject) {
@@ -1818,34 +1832,33 @@ step.util = {
 													var strongParameterForCall = $(this).parent().data("strong");
 													var refParameterForCall = (strongParameterForCall.search(/^([GH]\d{4,5})[A-Za-z]$/) == 0) ? "" : reference; // if it is augmented Strong, don't include the reference
 													self.showDef({strong: strongParameterForCall, ref: refParameterForCall, version: version });
+													if (step.touchDevice && !step.touchWideDevice)
+														$(".versePopup").hide();
 											});
 
 											templatedTable.find(".definition").hover(function (ev) { // mouse pointer starts hover (enter)
-												if ((!step.touchDevice) && (!step.util.keepQuickLexiconOpen)) {
-													var strongParameterForCall = $(this).parent().data("strong");
-													var refParameterForCall = (strongParameterForCall.search(/^([GH]\d{4,5})[A-Za-z]$/) == 0) ? "" : reference; // if it is augmented Strong, don't include the reference
-													step.passage.higlightStrongs({
-														passageId: undefined,
-														strong: strongParameterForCall,
-														morph: undefined,
-														classes: "primaryLightBg"
-													});
-													var hoverContext = this;
-													require(['quick_lexicon'], function () {
-														step.util.delay(function () {
-															// do the quick lexicon
-															step.util.ui._displayNewQuickLexiconForVerseVocab(strongParameterForCall, refParameterForCall, version, passageId, ev, ev.pageY, hoverContext);
-														}, MOUSE_PAUSE, 'show-quick-lexicon');
-													});
-												}
+												if (step.touchDevice || step.util.keepQuickLexiconOpen) return;
+												var strongParameterForCall = $(this).parent().data("strong");
+												var refParameterForCall = (strongParameterForCall.search(/^([GH]\d{4,5})[A-Za-z]$/) == 0) ? "" : reference; // if it is augmented Strong, don't include the reference
+												step.passage.higlightStrongs({
+													passageId: undefined,
+													strong: strongParameterForCall,
+													morph: undefined,
+													classes: "primaryLightBg"
+												});
+												var hoverContext = this;
+												require(['quick_lexicon'], function () {
+													step.util.delay(function () {
+														// do the quick lexicon
+														step.util.ui._displayNewQuickLexiconForVerseVocab(strongParameterForCall, refParameterForCall, version, passageId, ev, ev.pageY, hoverContext);
+													}, MOUSE_PAUSE, 'show-quick-lexicon');
+												});
 											}, function () { // mouse pointer ends hover (leave)
-												if (!step.touchDevice) {
-													step.passage.removeStrongsHighlights(undefined, "primaryLightBg relatedWordEmphasisHover");
-													step.util.delay(undefined, 0, 'show-quick-lexicon');
-													if (!step.util.keepQuickLexiconOpen) {
-														$("#quickLexicon").remove();
-													}
-												}
+												if (step.touchDevice || step.util.keepQuickLexiconOpen) return;
+												step.passage.removeStrongsHighlights(undefined, "primaryLightBg relatedWordEmphasisHover");
+												step.util.delay(undefined, 0, 'show-quick-lexicon');
+												if (!step.util.keepQuickLexiconOpen)
+													$("#quickLexicon").remove();
 											});
 
 										templatedTable.find(".bookCount").click(function () {
@@ -1853,16 +1866,18 @@ step.util = {
 												var strong = $(this).parent().data("strong");
 												var args = "reference=" + encodeURIComponent(bookKey) + "|strong=" + encodeURIComponent(strong);
 												//make this the active passage
-												step.util.createNewLinkedColumn(passageId);
+												if (!step.touchDevice || step.touchWideDevice)
+													step.util.createNewLinkedColumn(passageId);
 												step.util.activePassage().save({ strongHighlights: strong }, { silent: true });
-												step.router.navigatePreserveVersions(args);
+												step.router.navigatePreserveVersions(args, null, null, null, true);
 										});
 
 										templatedTable.find(".bookCount").hover(function (ev) {
+												if (step.touchDevice) return;
 												var bookName = key.substring(0, key.indexOf('.'));
 												var strong = $(this).parent().data("strong");
 												var wordInfo = $($(this).parent().find('a')[0]).html();
-												fetch("https://www.stepbible.org/rest/search/masterSearch/version-ESV|reference=" + bookName +
+												fetch("https://www.stepbible.org/rest/search/masterSearch/version=ESV|reference=" + bookName +
 													"|strong=" + strong + "/HNVUG///" +
 													strong + "///en?lang=en")
 												.then(function(response) {
@@ -1872,11 +1887,10 @@ step.util = {
 													step.util.ui.showListOfVersesInQLexArea(data, ev.pageY, wordInfo, passageHtml);
 												});
 											}, function () { // mouse pointer ends hover (leave)
-												if (!step.touchDevice) {
-													step.util.delay(undefined, 0, 'show-quick-lexicon');
-													if (!step.util.keepQuickLexiconOpen) {
-														$("#quickLexicon").remove();
-													}
+												if (step.touchDevice) return
+												step.util.delay(undefined, 0, 'show-quick-lexicon');
+												if (!step.util.keepQuickLexiconOpen) {
+													$("#quickLexicon").remove();
 												}
 											});
 
@@ -1884,15 +1898,17 @@ step.util = {
 													var strong = $(this).parent().data("strong");
 													var args = "strong=" + encodeURIComponent(strong);
 													//make this the active passage
-													step.util.createNewLinkedColumn(passageId);
+													if (!step.touchDevice || step.touchWideDevice)
+														step.util.createNewLinkedColumn(passageId);
 													step.util.activePassage().save({ strongHighlights: strong }, { silent: true });
-													step.router.navigatePreserveVersions(args);
+													step.router.navigatePreserveVersions(args, null, null, null, true);
 											});
 
 											templatedTable.find(".bibleCount").hover(function (ev) {
+												if (step.touchDevice) return
 												var strong = $(this).parent().data("strong");
 												var wordInfo = $($(this).parent().find('a')[0]).html();
-												fetch("https://www.stepbible.org/rest/search/masterSearch/version-ESV|" +
+												fetch("https://www.stepbible.org/rest/search/masterSearch/version=ESV|" +
 													"strong=" + strong + "/HNVUG///" +
 													strong + "///en?lang=en")
 												.then(function(response) {
@@ -1902,22 +1918,23 @@ step.util = {
 													step.util.ui.showListOfVersesInQLexArea(data, ev.pageY, wordInfo, passageHtml);
 												});
 											}, function () { // mouse pointer ends hover (leave)
-												if (!step.touchDevice) {
-													step.util.delay(undefined, 0, 'show-quick-lexicon');
-													if (!step.util.keepQuickLexiconOpen) {
-														$("#quickLexicon").remove();
-													}
+												if (step.touchDevice) return
+												step.util.delay(undefined, 0, 'show-quick-lexicon');
+												if (!step.util.keepQuickLexiconOpen) {
+													$("#quickLexicon").remove();
 												}
 											});
 
 											templatedTable.find(".relatedVerses").click(function () {
+												if (!step.touchDevice || step.touchWideDevice)
 													step.util.createNewLinkedColumn(passageId);
-													step.router.navigatePreserveVersions(RELATED_VERSES + "=" + encodeURIComponent(key));
+												step.router.navigatePreserveVersions(RELATED_VERSES + "=" + encodeURIComponent(key), null, null, null, true);
 											});
 
 											templatedTable.find(".relatedSubjects").click(function () {
+												if (!step.touchDevice || step.touchWideDevice)
 													step.util.createNewLinkedColumn(passageId);
-													step.router.navigatePreserveVersions(TOPIC_BY_REF + "=" + encodeURIComponent(key));
+												step.router.navigatePreserveVersions(TOPIC_BY_REF + "=" + encodeURIComponent(key), null, null, null, true);
 											});
 
 											templatedTable.find(".verseInContext").click(function () {
@@ -2037,8 +2054,6 @@ step.util = {
     },
 	showConfigGrammarColor: function (e) {
         if (e) e.preventDefault();
-        // var temp = document.getElementById("grammarClrModal");
-        // if (!temp) grammarColorConfigPage.appendTo("body");
         var element = document.getElementById('grammarClrModal');
         if (element) element.parentNode.removeChild(element);
 		var jsVersion = ($.getUrlVars().indexOf("debug") > -1) ? "" : step.state.getCurrentVersion() + ".min.";
@@ -2082,6 +2097,7 @@ step.util = {
 				'});' +
 			'</script>' +
 		'</div>').modal("show");
+		step.util.blockBackgroundScrolling('grammarClrModal');
     },
 	correctPassageNotInBible: function (userChoice, queryString) {
 		$("#showLongAlertModal").click();
@@ -2189,6 +2205,8 @@ step.util = {
 			$('textarea#enterYourPassage').focus().val(step.tempKeyInput);
 			step.tempKeyInput = "";
 		}
+		else
+			step.util.blockBackgroundScrolling("passageSelectionModal");
   },
 
   copyModal: function () {
@@ -2229,6 +2247,7 @@ step.util = {
 			'</div>' +
 		'</div>';
 		$(_.template(modalHTML)()).modal("show");
+		step.util.blockBackgroundScrolling("copyModal");
 	},
 
 	searchSelectionModal: function () {
@@ -2332,6 +2351,7 @@ step.util = {
 				'</div>' +
 			'</div>' +
 		'</div>')()).modal("show");
+		step.util.blockBackgroundScrolling("searchSelectionModal");
 		$('textarea#userTextInput').focus();
     },
 	showVideoModal: function (videoFile, seconds, width) {
@@ -2369,6 +2389,7 @@ step.util = {
 				'</div>' +
 			'</div>'
 		)()).modal("show");
+		step.util.blockBackgroundScrolling("videoModal");		
     },
     showSummary: function (reference) {
         element = document.getElementById('showBookOrChapterSummaryModal');
@@ -2378,10 +2399,10 @@ step.util = {
         var osisID = tmpArray[0]; // get the string before the "." character
         var longBookName = osisID;
 		var posOfBook = step.util.bookOrderInBible(osisID);
-        var arrayOfTyplicalBooksChapters = JSON.parse(__s.list_of_bibles_books);
+        var arrayOfTyplicalBooksAndChapters = JSON.parse(__s.list_of_bibles_books);
 		if ((posOfBook > -1) &&
-			(typeof arrayOfTyplicalBooksChapters !== "undefined"))
-			longBookName = arrayOfTyplicalBooksChapters[posOfBook][0];
+			(typeof arrayOfTyplicalBooksAndChapters !== "undefined"))
+			longBookName = arrayOfTyplicalBooksAndChapters[posOfBook][0];
         var chapterNum = (tmpArray.length > 1) ? parseInt(tmpArray[1].split(":")[0].split("-")[0].split(";")[0]) : 1;
         if (typeof chapterNum !== "number") chapterNum = 1;
         var bibleSummary = 
@@ -2471,7 +2492,6 @@ step.util = {
             '<tr></tr></tbody></table>' +
             '</div>';
 
-        $.ajaxSetup({async: false});
         $.getJSON("html/json/" + osisID.toLowerCase() + ".json", function(summary) {
             var bookSummary =
                 '<br><span style="font-size:18px"><b>Book summary of ' + longBookName + '</b></span><br>' +
@@ -2537,15 +2557,22 @@ step.util = {
                     '</div>' +
                 '</div>'
             )()).modal("show");
+			step.util.blockBackgroundScrolling('showBookOrChapterSummaryModal');
         });
-        $.ajaxSetup({async: true});
     },
-    showLongAlert: function (message, headerText) {
-        element = document.getElementById('showLongAlertModal');
-        if (element) element.parentNode.removeChild(element);
-        $(".modal-backdrop.in").remove();
+	blockBackgroundScrolling: function(idName) {
+		if (step.touchDevice && !step.touchWideDevice) {
+			$("body").css("overflow-y","hidden"); // do not let body (web page) scroll
+			$('#' + idName).on('hidden.bs.modal', function (e) {
+				$("body").css("overflow-y","auto"); // if modal is hidden, let body scroll
+			});
+		}
+	},
+    showLongAlert: function (message, headerText, panelBodies) {
+		step.util.closeModal("showLongAlertModal");
+		var extraStyling = (panelBodies == null) ? '' : 'style="padding:25px" ';
 		$(_.template(
-			'<div id="showLongAlertModal" class="modal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
+			'<div id="showLongAlertModal" class="modal" ' + extraStyling + 'role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
 				'<div class="modal-dialog">' +
 					'<div class="modal-content stepModalFgBg"">' +
 						'<script>' +
@@ -2558,13 +2585,24 @@ step.util = {
 						'<div class="modal-header">' + headerText +
 							step.util.modalCloseBtn("showLongAlertModal") + '<br>' +
 						'</div>' +
-						'<div class="modal-body" style="text-align:left font-size:16px">' +
+						'<div class="modal-body" style="text-align:left;font-size:14px">' +
 							message +
 						'</div>' +
 					'</div>' +
 				'</div>' +
 			'</div>'
 		)()).modal("show");
+		if (panelBodies != null) {
+			if (panelBodies.length == 1) {
+				$(".modal-body").append(panelBodies[0]);
+			}
+			else {
+				for (var i = 0; i < panelBodies.length; i++) {
+					$($(".panel-collapse.lexmodal")[i]).append(panelBodies[i]);
+				}
+			}
+		}
+		step.util.blockBackgroundScrolling('showLongAlertModal');
     },
 
     setDefaultColor: function(option) {
@@ -2589,7 +2627,7 @@ step.util = {
             rootVar.style.setProperty('--clr2ndHover',"#c5d0fb");
             step.settings.save({"clr2ndHover":"#c5d0fb"});
             $('body,html').css('color-scheme','dark');
-            newBtnText = "Disable";
+            newBtnText = __s.disable;
         }
         else {
             rootVar.style.setProperty('--clrText',"#5d5d5d");
@@ -2605,7 +2643,7 @@ step.util = {
             rootVar.style.setProperty('--clr2ndHover',"#d3d3d3");
             step.settings.save({"clr2ndHover":"#d3d3d3"});
             $('body,html').css('color-scheme','normal');
-            newBtnText = "Enable";
+            newBtnText = __s.enable;
         }
         rootVar.style.setProperty('--clrLexiconFocusBG',"#c8d8dc");
         step.settings.save({"clrLexiconFocusBG":"#c8d8dc"});
@@ -2970,19 +3008,19 @@ step.util = {
 									'<button id="darkModeBtn" class="btn btn-default btn-sm' +
                                         ((darkModeEnabled) ? ' stepPressedButton' : '') +
                                         '" type="button" title="Dark mode" onclick="step.util.setDefaultColor(\'flip\')"><span style="font-size:10px;line-height:12px;font-weight:bold">' +
-                                        ((darkModeEnabled) ? 'Disable' : 'Enable') +
+                                        ((darkModeEnabled) ? __s.disable : __s.enable) +
                                         '</span></button>' +
 								'</td>' +
 							'</tr>';
 		if ((colorReady) && ((typeof panelNumber !== "number")))
 			modalHTML +=
 							'<tr>' +
-								'<td class="passageContent defaultfont">Advanced color update:</td>' +
+								'<td class="passageContent defaultfont">' + __s.advanced_color_update + ':</td>' +
 								'<td class="pull-right">' +
 									'<button id="colorUpdateMode" class="btn btn-default btn-sm' +
                                         ((step.colorUpdateMode) ? ' stepPressedButton' : '') +
                                         '" type="button" title="Color mode" onclick="step.util.switchColorMode()"><span style="font-size:10px;line-height:12px;font-weight:bold">' +
-                                        ((step.colorUpdateMode) ? 'Disable' : 'Enable') +
+                                        ((step.colorUpdateMode) ? __s.disable : __s.enable) +
                                         '</span></button>' +
 								'</td>' +
 							'</tr>' +
@@ -3064,6 +3102,7 @@ step.util = {
 			'</div>' +
 		'</div>';
 		$(_.template(modalHTML)()).modal("show");
+		step.util.blockBackgroundScrolling("fontSettings");
 	},
     startPickBible: function () {
         require(["menu_extras"], function () {
@@ -3130,7 +3169,7 @@ step.util = {
 				var introJsSteps = [
 				{
 					element: document.querySelector('#copy-icon'),
-					intro: "NEW: Copy from STEPBible to your documents.",
+					intro: __s.copy_intro,
 					position: 'left'
 				}
          	   ];
@@ -3168,8 +3207,11 @@ step.util = {
 		}
 	},
 	closeModal: function (modalID) {
+		var modalsRequireUnfreezeOfScroll = " showLongAlertModal showBookOrChapterSummaryModal grammarClrModal passageSelectionModal searchSelectionModal copyModal videoModal fontSettings raiseSupport aboutModal bibleVersions ";
+		if ((modalsRequireUnfreezeOfScroll.indexOf( " " + modalID + " ") > -1) && step.touchDevice && !step.touchWideDevice)
+			$("body").css("overflow-y","auto"); // let the body (web page) scroll
         var element = document.getElementById(modalID);
-		if (element) {	
+		if (element) {
 			$('#' + modalID).modal('hide');
 			$('#' + modalID).modal({
 				show: false
@@ -3755,77 +3797,112 @@ step.util = {
 		}
 		return result;
 	},
-	getVocabMorphInfoFromJson: function (strong, morph, version) {
+	getVocabMorphInfoFromJson: function (strong, morph, version, callProcessQuickInfo, callBack1Param, callBackLoadDefFromAPI, callBack2Param) {
 		var resultJson = {vocabInfos: [], morphInfos: []};
-		if (step.state.isLocal()) return resultJson; // There are no json files for the lexicon in the stand-alone version of STEP
+		if (step.state.isLocal()) {
+			callBackLoadDefFromAPI(callBack2Param);
+			return;
+		}
 		var strongArray = strong.split(" ");
-		var processedStrong = [];
+		var uniqueStrongArray = [];
+		for (var j = 0; j < strongArray.length; j++) { // remove duplicates
+			if (uniqueStrongArray.indexOf(strongArray[j]) == -1)
+				uniqueStrongArray.push(strongArray[j]);
+		}
 		var additionalPath = step.state.getCurrentVersion();
 		if (additionalPath !== "") additionalPath += "/";
 		var indexToDefaultDStrong = step.util.vocabKeys.length - 1;
-		$.ajaxSetup({async: false});
-		for (var j = 0; j < strongArray.length; j++) {
-			var strongWithoutAugment = step.util.fixStrongNumForVocabInfo(strongArray[j], true);
-			if (processedStrong.indexOf(strongArray[j]) == -1) {
-				processedStrong.push(strongArray[j]);
-				$.getJSON("/html/lexicon/" + additionalPath + strongWithoutAugment + ".json", function(origJsonVar) {
-					var augStrongIndex = -1;
-					var defaultDStrong = -1;
-					var lxxDefaultDstrong = -1;
-					for (var i = 0; i < origJsonVar.v.length; i++) {
-						if (strongArray[j] !== strongWithoutAugment) {
-							var strongNumToCheck = (typeof origJsonVar.v[i][0] === "number") ? origJsonVar.d[origJsonVar.v[i][0]] : origJsonVar.v[i][0];
-							if (strongArray[j] === strongNumToCheck ) {
-								augStrongIndex = i;
-								break;
-							}
+		var numOfResponse = 0;
+		resultJson.vocabInfos = new Array(uniqueStrongArray.length);
+		for (var j = 0; j < uniqueStrongArray.length; j++) {
+			var strongWithoutAugment = step.util.fixStrongNumForVocabInfo(uniqueStrongArray[j], true);
+			$.getJSON("/html/lexicon/" + additionalPath + strongWithoutAugment + ".json", function(origJsonVar) {
+				var augStrongIndex = -1;
+				var defaultDStrong = -1;
+				var lxxDefaultDstrong = -1;
+				var indexToUniqueStrongArry = -1;
+				var requestedStrong = "";
+				if (this.url.search("\/([HG]\\d+)\\.json$") > -1) {
+					requestedStrong = RegExp.$1;
+					for (var i = 0; i < uniqueStrongArray.length; i++) {
+						if (requestedStrong === step.util.fixStrongNumForVocabInfo(uniqueStrongArray[i], true)) {
+							indexToUniqueStrongArry = i;
+							break;
 						}
-						if (origJsonVar.v[i][indexToDefaultDStrong].indexOf("*") > -1)
-							defaultDStrong = i; // Default DStrong
-						if (origJsonVar.v[i][indexToDefaultDStrong].indexOf("L") > -1)
-							lxxDefaultDstrong = i;
 					}
-					if (augStrongIndex == -1) {
-						augStrongIndex = defaultDStrong;
-						if (lxxDefaultDstrong > -1) {
-							var versions = step.util.activePassage().get("masterVersion") + "," +
-								step.util.activePassage().get("extraVersions");
-							if ((versions.toUpperCase().indexOf("ABEN") > -1) || (versions.toUpperCase().indexOf("ABGK") > -1)) {
-								var r = step.util.getTestamentAndPassagesOfTheReferences([ step.util.activePassage().get("osisId") ]);
-								if (r[1]) // has OT passage
-									augStrongIndex = lxxDefaultDstrong;
-							}
-							else if (versions.toUpperCase().indexOf("LXX") > -1)
+				}
+				if (indexToUniqueStrongArry == -1)
+					alert("something wrong, cannot locate original search Strong in getVocabMorphInfoFromJson");
+				for (var i = 0; i < origJsonVar.v.length; i++) {
+					if (uniqueStrongArray[indexToUniqueStrongArry] !== requestedStrong) { // requestedStrong does not have augment
+						var strongNumToCheck = (typeof origJsonVar.v[i][0] === "number") ? origJsonVar.d[origJsonVar.v[i][0]] : origJsonVar.v[i][0];
+						if (uniqueStrongArray[indexToUniqueStrongArry] === strongNumToCheck ) {
+							augStrongIndex = i;
+							break;
+						}
+					}
+					if (origJsonVar.v[i][indexToDefaultDStrong].indexOf("*") > -1)
+						defaultDStrong = i; // Default DStrong
+					if (origJsonVar.v[i][indexToDefaultDStrong].indexOf("L") > -1)
+						lxxDefaultDstrong = i;
+				}
+				if (augStrongIndex == -1) {
+					augStrongIndex = defaultDStrong;
+					if (lxxDefaultDstrong > -1) {
+						var versions = step.util.activePassage().get("masterVersion") + "," +
+							step.util.activePassage().get("extraVersions");
+						if ((versions.toUpperCase().indexOf("ABEN") > -1) || (versions.toUpperCase().indexOf("ABGK") > -1)) {
+							var r = step.util.getTestamentAndPassagesOfTheReferences([ step.util.activePassage().get("osisId") ]);
+							if (r[1]) // has OT passage
 								augStrongIndex = lxxDefaultDstrong;
 						}
+						else if (versions.toUpperCase().indexOf("LXX") > -1)
+							augStrongIndex = lxxDefaultDstrong;
 					}
-					if (augStrongIndex == -1)
-						augStrongIndex = 0;
-					var jsonVar = step.util.unpackJson(origJsonVar, augStrongIndex);
-					resultJson.vocabInfos.push(jsonVar);
-				}).error(function() {
-					console.log("getJSon failed strong:"+ strong + " morph: " + morph + " version: " + version);
-					return resultJson;
-				});
-			}
-		}
-		if (morph) {
-			var morphArray = morph.split(" ");
-			for (var k = 0; k < morphArray.length; k++) {
-				var morph = morphArray[k];
-				var morphLowerCase = morph.toLowerCase();
-				if ((morphLowerCase.indexOf("strongsmorph:") > -1) || (morphLowerCase.indexOf("strongmorph:") > -1) || (morphLowerCase.indexOf("tos:") > -1)) continue;
-				var pos = morph.search("robinson:");
-				if (pos > -1) morph = morphArray[k].substring(pos+9);
-				$.getJSON("/html/lexicon/" + morph + ".json", function(jsonVar) {
-					resultJson.morphInfos.push(jsonVar.morphInfos[0]);
-				});
-			}
+				}
+				if (augStrongIndex == -1)
+					augStrongIndex = 0;
+				var jsonVar = step.util.unpackJson(origJsonVar, augStrongIndex);					
+				resultJson.vocabInfos[indexToUniqueStrongArry] = jsonVar;
+				numOfResponse ++;
+				if (numOfResponse == uniqueStrongArray.length) {
+					if (morph) {
+						var numOfMorphResponse = 0;
+						var morphArray = morph.split(" ");
+						for (var k = 0; k < morphArray.length; k++) {
+							numOfMorphResponse ++;
+							var morph = morphArray[k];
+							var morphLowerCase = morph.toLowerCase();
+							if ((morphLowerCase.indexOf("strongsmorph:") > -1) || (morphLowerCase.indexOf("strongmorph:") > -1) || (morphLowerCase.indexOf("tos:") > -1))
+								continue;
+							var pos = morph.search("robinson:");
+							if (pos > -1) morph = morphArray[k].substring(pos+9);
+							$.getJSON("/html/lexicon/" + additionalPath + morph + ".json", function(jsonVar) {
+								numOfMorphResponse ++;
+								resultJson.morphInfos.push(jsonVar.morphInfos[0]);
+								if (numOfMorphResponse == morphArray.length)
+									callProcessQuickInfo(resultJson, callBack1Param);
+							}).error(function() {
+								console.log("getJSon failed strong:"+ strong + " morph: " + morph + " version: " + version);
+								if (numOfMorphResponse < 0) return; // already processed error from $getjson of /html/lexicon ...
+								numOfMorphResponse = -100;
+								callBackLoadDefFromAPI(callBack2Param);
+								//return false;
+							});
+						}
+					}
+					else
+						callProcessQuickInfo(resultJson, callBack1Param);
+				}
+			}).error(function() {
+				console.log("getJSon failed strong:"+ strong + " morph: " + morph + " version: " + version);
+				if (numOfResponse < 0) return; // already processed error from $getjson of /html/lexicon ...
+				numOfResponse = -100; // indicated there is a failure
+				callBackLoadDefFromAPI(callBack2Param);
+				//return false;
+			});
 		}
-		$.ajaxSetup({async: true});
-		return resultJson;
 	},
-
 	bookOrderInBible: function (reference) {
 		var idx2osisChapterJsword = {
 			"gen": 0,
@@ -4245,7 +4322,8 @@ step.util = {
 		return (freqListElm);
 	},
     handleGesture: function(touchEvent, touchstartX, touchstartY, touchstartTime) {
-		var status = step.passages.findWhere({ passageId: step.util.activePassageId()}).get("isSwipeLeftRight");
+		// only get teh swipe left/right from the first panel.  In view_menu_passage.js, getting the passageId would bomb.
+		var status = step.passages.findWhere({ passageId: 0}).get("isSwipeLeftRight");
 		if ((status != undefined) && (!status))
 			return;
 		var touchendX = touchEvent.changedTouches[0].screenX;
@@ -4253,32 +4331,61 @@ step.util = {
 		var minDistance = 40;
 		var verticalTolerance = 35;
 		var touchDiffY = Math.abs(touchendY - touchstartY);
-		if (touchDiffY > verticalTolerance) return;
 		var touchDiffX = touchendX - touchstartX;
-		if (Math.abs(touchDiffX) > minDistance) {
-			if (new Date().getTime() - touchstartTime > 400) return; // must be within 300 milliseconds
-			var activePassage = $(touchEvent.srcElement.closest(".passageContainer"));
-			if (touchDiffX < 0)
-				activePassage.find("a.nextChapter").click();
-			else 
-				activePassage.find("a.previousChapter").click();
-			// Record swipeCount up to three, after which the prev/next arrows won't be displayed.
-			var swipeCount = step.util.localStorageGetItem("swipeCount");
-			if (swipeCount == null) swipeCount = 0;
-			if (swipeCount <= 10) {
-				swipeCount++;
-				step.util.localStorageSetItem("swipeCount", swipeCount);
+		if (touchDiffY < verticalTolerance) {
+			if (Math.abs(touchDiffX) > minDistance) {
+				if (new Date().getTime() - touchstartTime > 400) return; // must be with 400 milliseconds
+				var activePassage = $(touchEvent.srcElement.closest(".passageContainer"));
+				if (touchDiffX < 0)
+					activePassage.find("a.nextChapter").click();
+				else 
+					activePassage.find("a.previousChapter").click();
+				// Record swipeCount up to three, after which the prev/next arrows won't be displayed.
+				var swipeCount = step.util.localStorageGetItem("swipeCount");
+				if (swipeCount == null) swipeCount = 0;
+				if (swipeCount < 11) {
+					swipeCount++;
+					step.util.localStorageSetItem("swipeCount", swipeCount);
+				}
 			}
+			else if ((touchDiffX < 3) && (touchDiffY < 3)) {
+				if ((touchEvent.srcElement.outerHTML.substring(0,7) === "<button") ||
+					((touchEvent.srcElement.outerHTML.substring(0,5) === "<span") && (touchEvent.srcElement.outerHTML.indexOf("verse") == -1)) ||
+					(touchEvent.srcElement.closest("#quickLexicon") != null) ||
+					(touchEvent.srcElement.closest("#showLongAlertModal") != null) ) {
+						return;
+				}
+				// A touch on elements which do not have events will clear highlight and quick lexicon
+				step.passage.removeStrongsHighlights(undefined, "primaryLightBg secondaryBackground relatedWordEmphasisHover");
+				$('#quickLexicon').remove();
+				step.util.closeModal("showLongAlertModal");
+			}	
 		}
-		else if ((touchDiffX < 3) && (touchDiffY < 3)) {
-			if ((touchEvent.srcElement.outerHTML.substring(0,7) === "<button") ||
-				((touchEvent.srcElement.outerHTML.substring(0,5) === "<span") && (touchEvent.srcElement.outerHTML.indexOf("verse") == -1)) ) {
-					return;
-			}
-			// A touch on elements which do not have events will clear highlight and quick lexicon
-			step.passage.removeStrongsHighlights(undefined, "primaryLightBg secondaryBackground relatedWordEmphasisHover");
-			$('#quickLexicon').remove();
+    },
+	hideNavBarOnPhones: function(doNotScroll) {
+		if (step.touchDevice && !step.touchWideDevice) {
+			$("body").css("overflow-y","auto");
+			$("#stepnavbar").css("position","relative");
+			$(".mainPanel.row.row-offcanvas").css("padding",0);
+			$("#columnHolder").css("overflow-y","unset");
+			$(".passageContainer").css("border","0");
+			$(".passageOptionsGroup").css("position","sticky").css("top",0).css("left",0).
+				css("opacity",1).css("z-index",2145);
+			$(".previousChapter").css("top","90%").css("display","inline").css("position","fixed").
+				css("bottom","unset");
+			$(".nextChapter").css("top","90%").css("display","inline").css("position","fixed").
+				css("bottom","unset");
+			$(".passageContent").css("height","auto");
+			$(".searchResults").css("overflow-y","hidden").css("height","auto");
+			$(".passageContentHolder").css("overflow-y","hidden").css("height","auto");
+			$(".copyrightInfo").removeClass("copyrightInfo").addClass("crInfoX");
+			$("#srchRslts").css("overflow-y","hidden").css("height","auto");
+			$("#panel-icon").remove();
+			$(".openNewPanel").remove();
+			$("#resizeButton").remove();
+			if (!doNotScroll)
+				window.scrollTo(0,1);
 		}
-    }
+	}
 }
 ;
diff --git a/step-web/src/main/webapp/js/step_ready.js b/step-web/src/main/webapp/js/step_ready.js
index 65e001e05c..e541df5924 100644
--- a/step-web/src/main/webapp/js/step_ready.js
+++ b/step-web/src/main/webapp/js/step_ready.js
@@ -4,8 +4,8 @@
         var html = '<div>' +
             '<div class="navbar-header search-form">' +
                 '<div class="navbar-brand col-xs-12">' +
-                    '<span class="hidden-xs title">' +
-                        '<a href="/" id="logo">' +
+                    '<span class="hidden-xs title" title="Reset to default configuration">' +
+                        '<a href="/?noredirect" id="logo">' +
                             '<img src="/step.png" alt="STEP" width="90px" height="22px">' +
                         '</a>' +
                     '</span>' +
@@ -56,7 +56,7 @@
                                 '</span>';
 
         if (!step.state.isLocal()) {
-            html +=             '<a style="padding-left:5px" id="raiseSupportTrigger" data-toggle="modal" data-target="#raiseSupport" title="' + __s.help_feedback + '">' +
+            html +=             '<a style="padding-left:5px" id="raiseSupportTrigger" data-toggle="modal" data-backdrop="static" data-target="#raiseSupport" title="' + __s.help_feedback + '">' +
                                     '<i class="glyphicon glyphicon-bullhorn"></i><span class="navbarIconDesc">&nbsp;' + __s.help_feedback + '</span>' +
                                 '</a>';
         }
@@ -84,7 +84,7 @@
                                         '<li class="resetEverything"><a href="javascript:void(0)">' + __s.tools_forget_my_profile + '</a></li>' +
                                         '<li><a href="https://stepbibleguide.blogspot.com/p/volunteers.html" target="_blank">' + __s.we_need_help + '</a></li>';
         if (!step.state.isLocal()) {
-            html+=                      '<li><a href="javascript:void(0)" id="provideFeedback"  data-toggle="modal" data-target="#raiseSupport">' + __s.help_feedback + '</a></li>' +
+            html+=                      '<li><a href="javascript:void(0)" id="provideFeedback" data-toggle="modal" data-backdrop="static" data-target="#raiseSupport">' + __s.help_feedback + '</a></li>' +
                                         '<li><a href="/html/cookies_policy.html" target="_blank">' + __s.help_privacy_policy + '</a></li>';
         }
         html +=                         '<li><a target="_new" href="https://stepbibleguide.blogspot.com/p/copyrights-licences.html" name="COPYRIGHT">' + __s.copyright_info_link + '</a></li>' +
@@ -145,7 +145,6 @@
         markAsRecommended('OHB');
         markAsRecommended('SBLG');
         markAsRecommended('LXX');
-        markAsRecommended('SBLG');
         markAsRecommended('Neno');
         markAsRecommended('NVI');
         markAsRecommended('PNVI');
@@ -210,14 +209,6 @@
         //override some particular settings to avoid UI shifting on load:
         //we never open up a related words section
         step.settings.save({relatedWordsOpen: false});
-		if (typeof step.touchDevice !== "boolean") {
-            console.log("define touchDevice variable in step_ready")
-            step.touchDevice = false;
-            var ua = navigator.userAgent.toLowerCase(); 
-            if ((ua.indexOf("android") > -1) || (ua.indexOf("iphone") > -1) || (ua.indexOf("ipad") > -1) ||
-                ((ua.indexOf("macintosh") > -1) && (navigator.maxTouchPoints == 5))) // iPad requesting a desktop web site
-                step.touchDevice = true;
-        }
 		step.tempKeyInput = "";
 		if (!step.touchDevice) {
 			var timer;
@@ -226,6 +217,10 @@
                     e.preventDefault();
                     return false;
                 }
+                if (e.keyCode == 27) { // escape key
+                    $("#quickLexicon").remove();
+                    $(".qtip-focus").css("opacity",0)
+                }
                 const element = document.getElementById('quickLexicon');
                 if ((element) && (typeof element.scrollTop === "number") && ($('#down-arrow').length = 1)) {
                     if ((e.keyCode == 39) || (e.keyCode == 40) || (e.keyCode == 34) || // down arrow, right arrow, page down
@@ -277,7 +272,7 @@
                         else $(".passageContainer.active").find("a.nextChapter").click();
                         step.tempKeyInput = "";
                     }
-                    else if (code == 187) {
+                    else if ((code == 187) && (!step.touchDevice)) {
                     	step.util.createNewColumn();
                     	step.tempKeyInput = "";
                     }
@@ -306,9 +301,9 @@
                                     step.tempKeyInput = "";
                             }, 1500);
                             if (step.tempKeyInput.length >= 2) {
-                                var arrayOfTyplicalBooksChapters = JSON.parse(__s.list_of_bibles_books);
-                                for (var i = 0; i < arrayOfTyplicalBooksChapters.length; i++) {
-                                    var tempVar = arrayOfTyplicalBooksChapters[i][0];
+                                var arrayOfTyplicalBooksAndChapters = JSON.parse(__s.list_of_bibles_books);
+                                for (var i = 0; i < arrayOfTyplicalBooksAndChapters.length; i++) {
+                                    var tempVar = arrayOfTyplicalBooksAndChapters[i][0];
                                     if (!(false || !!document.documentMode)) tempVar = tempVar.normalize("NFD"); // For characters with accent.  For example, Spanish
                                     if (tempVar.replace(/[\u0300-\u036f\s]/g,"").toLowerCase().indexOf(step.tempKeyInput) == 0) {
                                         step.util.passageSelectionModal();
@@ -422,7 +417,7 @@
                 model: modelZero
             });
 
-            step.router.handleRenderModel(modelZero, true, $.getUrlVar('q'), -1);
+            step.router.handleRenderModel(modelZero, true, $.getUrlVar('q'));
 
             $(".helpMenuTrigger").one('click', function () {
                 require(["view_help_menu"], function () {
@@ -441,7 +436,8 @@
         var stepUsageCount = parseInt(stepUsageCountStorageOrCookie, 10);
         if (isNaN(stepUsageCount)) stepUsageCount = 0;
         var urlVars = $.getUrlVars();
-        if ((urlVars.indexOf("skipwelcome") > -1) || (urlVars.indexOf("clickvocab") > -1)) {
+        if ((urlVars.indexOf("skipwelcome") > -1) || (urlVars.indexOf("clickvocab") > -1) ||
+            (step.touchDevice && !step.touchWideDevice) ) { // phones do not have the width to display the Welcome to STEP panel
             step.util.showOrHideTutorial('true'); // URL has skipwelcome
             if (urlVars.indexOf("clickvocab") > -1) {
                 var pos = urlVars.q.indexOf("strong=");
@@ -462,12 +458,13 @@
     }
 
     //can this be done before load? self executing function
-    function registerColumnChangeEvents() {
-        Backbone.Events.listenTo(Backbone.Events, "columnsChanged", function () {
-            step.util.reNumberModels();
-        });
-        step.util.reNumberModels();
-    }
+    // seams like not used 12/1/2023 PT
+    // function registerColumnChangeEvents() {
+    //     Backbone.Events.listenTo(Backbone.Events, "columnsChanged", function () {
+    //         step.util.reNumberModels();
+    //     });
+    //     step.util.reNumberModels();
+    // }
 
     $(window).on("load", function () {
         //disable amd
@@ -493,57 +490,57 @@
 
             // If the version (i.e., Bible text) is not specified in the URL, then determine
             // the version (and reference) defaults using the recent history
-
-            if (query.search(/version/) == -1) {
+            if ((query.search(/version/) == -1) && ($.getUrlVars().indexOf("noredirect") == -1)) {
+//            if (query.search(/version/) == -1) {
                 query = query.replace(/%3D/g, '=').replace(/%7C/g, '|');
 
                 var history = new HistoryModelList;
                 if (typeof history === "object") {
-                history.fetch();
-                var histIndex = 0;
-                var mostRecentPassage = "";
-                while (histIndex < history.length && mostRecentPassage == "") {
-                    var histItem = history.at(histIndex);
+                    history.fetch();
+                    var histIndex = 0;
+                    var mostRecentPassage = "";
+                    while (histIndex < history.length && mostRecentPassage == "") {
+                        var histItem = history.at(histIndex);
                         if (typeof histItem === "object") {
                             var histItemArgs = histItem.get("args");
                             if ((typeof histItemArgs === "string") && (histItemArgs.search(/reference/) > -1)) {
                                 mostRecentPassage = decodeURIComponent(histItemArgs)
-                                    // get the version(s) from the most recent passage in history
-                        var pos = mostRecentPassage.search(/version=[^|]+/);
-                        var version = "";
-                        while (pos > -1) {
-                            var ver = RegExp.lastMatch;
-                            ver = ver.replace(/version=/, '');
-                            if (typeof step.keyedVersions[ver] === "object") {
-                                version += 'version=' + ver + '|';
-                            }
-                            mostRecentPassage = mostRecentPassage.replace(/version=[^|]+/, '');
-                            pos = mostRecentPassage.search(/version=[^|]+/);
-                        }
-                        version = version.replace(/\|$/, '');
+                                // get the version(s) from the most recent passage in history
+                                var pos = mostRecentPassage.search(/version=[^|]+/);
+                                var version = "";
+                                while (pos > -1) {
+                                    var ver = RegExp.lastMatch;
+                                    ver = ver.replace(/version=/, '');
+                                    if (typeof step.keyedVersions[ver] === "object") {
+                                        version += 'version=' + ver + '|';
+                                    }
+                                    mostRecentPassage = mostRecentPassage.replace(/version=[^|]+/, '');
+                                    pos = mostRecentPassage.search(/version=[^|]+/);
+                                }
+                                version = version.replace(/\|$/, '');
 
                                 if (query === "") {
-                            // get the reference(s) from the most recent passage in history
-                            pos = mostRecentPassage.search(/reference=[^|]+/);
-                            while (pos > -1) {
-                                query += RegExp.lastMatch + '|';
-                                mostRecentPassage = mostRecentPassage.replace(/reference=[^|]+/, '');
-                                pos = mostRecentPassage.search(/reference=[^|]+/);
-                            }
-                            query = query.replace(/\|$/, '');
-                        }
+                                    // get the reference(s) from the most recent passage in history
+                                    pos = mostRecentPassage.search(/reference=[^|]+/);
+                                    while (pos > -1) {
+                                        query += RegExp.lastMatch + '|';
+                                        mostRecentPassage = mostRecentPassage.replace(/reference=[^|]+/, '');
+                                        pos = mostRecentPassage.search(/reference=[^|]+/);
+                                    }
+                                    query = query.replace(/\|$/, '');
+                                }
 
                                 if (version !== "" && query !== "") {
-                            console.log("Opening to '%s'", version + '|' + query);
+                                    console.log("Opening to '%s'", version + '|' + query);
                                     //                            step.router.navigateSearch(version + '|' + query, true, true);
                                     var histItemOptions = histItem.get("options") || "";
                                     var histItemDisplay = histItem.get("display") || "";
                                     if ((typeof histItemOptions === "string") && (typeof histItemDisplay === "string"))
                                         step.router.doMasterSearch(version + '|' + query, histItemOptions, histItemDisplay);
                                 }
+                            }
                         }
-                    }
-                    ++histIndex;
+                        ++histIndex;
                     }
                 }
             }
diff --git a/step-web/src/main/webapp/start.jsp b/step-web/src/main/webapp/start.jsp
index 917dd29693..7836f3ece3 100644
--- a/step-web/src/main/webapp/start.jsp
+++ b/step-web/src/main/webapp/start.jsp
@@ -18,7 +18,7 @@
     AppManagerService appManager = injector.getInstance(AppManagerService.class);
 %>
 <fmt:setBundle basename="HtmlBundle" scope="request"/>
-<!DOCTYPE html xmlns:fb="http://ogp.me/ns/fb#">
+<!DOCTYPE html">
 <html>
 <head>
     <%
@@ -148,6 +148,8 @@
         } %>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="theme-color" content="#17758F" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
     <meta step-local content="<%= appManager.isLocal() %>"/>
     <meta step-domain content="<%= appManager.getAppDomain() %>"/>
@@ -160,8 +162,6 @@
     <meta name="description" content="${ description }"/>
     <meta name="keywords" content="${ keywords }"/>
     <link rel="shortcut icon" href="images/step-favicon.ico"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <c:choose>
         <c:when test="${ empty canonicalUrl }">
             <link rel="canonical" href="http://${stepDomain}/"/>
@@ -208,7 +208,7 @@
     %>
 </head>
 <!-- The following line has to use background and color style.  Using stepFgBg class does not work for the side panel.  -->
-<body xmlns:fb="http://ogp.me/ns/fb#" style="background-color:var(--clrBackground);color:var(--clrText)">
+<body style="background-color:var(--clrBackground);color:var(--clrText)">
 <!-- Wrap all page content here -->
 <div id="wrap">
 
@@ -251,8 +251,7 @@
                                     <i class="glyphicon glyphicon-resize-full" style="display:inline"></i>
                                     <i class="glyphicon glyphicon-resize-small" style="display:none"></i>
                                 </a>
-
-                                <span class="dropdown settingsDropdown">
+                                <span class="dropdown settingsDropdown" style="background-color:var(--clrBackground)">
                                         <a class="dropdown-toggle showSettings" data-toggle="dropdown"
                                            title="<fmt:message key="view" />">
                                             <i class="glyphicon glyphicon-cog"></i>
@@ -280,7 +279,7 @@
                                     ${ passageText }
                                 </c:when>
                                 <c:otherwise>
-                                        <span>
+                                        <span id="srchRslts">
                                             <%-- Do toolbar for original word search --%>
                                             <c:if test="${ ('ORIGINAL_GREEK_RELATED' eq searchType or 'ORIGINAL_HEBREW_RELATED' eq searchType or 'ORIGINAL_MEANING' eq searchType) and fn:length(definitions) gt 0  }">
                                                 <div class="originalWordSearchToolbar">
@@ -447,6 +446,7 @@
         <div class="sidebar-offcanvas" dir="${ ltr ? "ltr" : "rtl" }" id="sidebar" style="overflow-y:hidden" role="navigation"></div>
     </div>
 </div>
+
 <% String langCode = ValidateUtils.checkLangCode(request.getParameter("lang"), locale); %>
 <script src="intl/<%= URLEncoder.encode(langCode, "UTF-8") %>.${project.version}.js" type="text/javascript"></script>
 <%@include file="jsps/initLib.jsp"%>
@@ -465,23 +465,28 @@ userCountry = (userCountry == null) ? "UNKNOWN" : userCountry.toUpperCase();
 
     // code to enable mobile device swipe to go back or forward one chapter
     var ua = navigator.userAgent.toLowerCase();
+    step.touchDevice = false;
+    step.touchWideDevice = false;
     if ((ua.indexOf("android") > -1) || (ua.indexOf("iphone") > -1) || (ua.indexOf("ipad") > -1) ||
-        ((ua.indexOf("macintosh") > -1) && (navigator.maxTouchPoints == 5))) {
+        ((ua.indexOf("macintosh") > -1) && (navigator.maxTouchPoints > 1))) {
         step.touchDevice = true;
-        document.getElementById("resizeButton").style.display = "inline";
-        touchableElement = document.getElementById("columnHolder");
+        var touchableElement;
+        if ((screen.height > 599) && (screen.width > 599)) {
+            step.touchWideDevice = true;
+        	document.getElementById("resizeButton").style.display = "inline";
+        	touchableElement = document.getElementById("columnHolder");
+        }
+        else
+        	touchableElement = document.getElementsByTagName("body")[0];
         touchableElement.addEventListener('touchstart', function (event) {
             touchstartX = event.changedTouches[0].screenX;
             touchstartY = event.changedTouches[0].screenY;
             touchstartTime = new Date().getTime();
         }, false);
-
         touchableElement.addEventListener('touchend', function (event) {
             step.util.handleGesture(event, touchstartX, touchstartY, touchstartTime);
         }, false);
     }
-    else
-        step.touchDevice = false;
 
 </script>
 <%-- The following 3 were added to the step.version_num.min.js.  Keep them as comment in case we want to reverse the change --%>