fixing off canvas search toggle hiding issue

the off canvas search input keeps toggling hide/show even though the js used to do that
specifically looks for the search input in the header

diff --git a/js/app.js b/js/app.js
index bcb482b..9cfc432 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -92,7 +92,10 @@ $(document).ready(function () {
     });
     var page = $('body');
     var search_toggle = page.find('.search-field a');
-    var search_input  = page.find('.header-search-container .search-input');
+    var search_input_container  = page.find( $('.header-search-container') );
+    var search_input = search_input_container.find( $('.search-input') );
+    
+    console.log(search_input);
     
     function hide_show_search(el){
         if( el.css("width") == '0px'){

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 9db07a2..915b247 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -23,7 +23,10 @@ $(document).ready(function () {
     });
     var page = $('body');
     var search_toggle = page.find('.search-field a');
-    var search_input  = page.find('.header-search-container .search-input');
+    var search_input_container  = page.find( $('.header-search-container') );
+    var search_input = search_input_container.find( $('.search-input') );
+    
+    console.log(search_input);
     
     function hide_show_search(el){
         if( el.css("width") == '0px'){