fixing events carousel issues in mobile

diff --git a/functions.php b/functions.php
index f4f34ad..13fbf04 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -105,7 +105,7 @@ function glm_site_scripts()
     wp_enqueue_script('jquery');
     wp_enqueue_script(
         'glm_foundation',
-        get_template_directory_uri() . '/js/app.js?v=1.0.0.1',
+        get_template_directory_uri() . '/js/app.js?v=1.0.0.2',
         'jquery',
         '1.0',
         true

diff --git a/js/app.js b/js/app.js
index ec8d453..449acdb 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -127,47 +127,55 @@ $(document).ready(function () {
     var btn_text_length, btn_text;
 
     // initialize the slick sliders on the events and blocks front page
-    function check_window_width(){
+    function slick_init(){
         if($(".feed").hasClass('slick-initialized') ) {
             $(".feed").slick('unslick')
          }
         if($(window).width() > 1023){
-            $("#resContent").appendTo("#reservationContent");
-            $("#mobile-sticky-nav").remove("show");
-            $("#room-rates-slider").removeClass("open-form");
             $(".feed").slick({
                 infinite: true,
                 slidesToShow: 3,
                 slidesToScroll: 1
             });
-        }else if($(window).width() < 641 ){
-                $("#mobile-sticky-nav").addClass("show");
-                $("#room-rates-slider").fadeIn();
-                $("#resContent").appendTo("#room-rates-slider");
         } else if($(window).width() < 1025 && $(window).width() > 639){
-            $("#mobile-sticky-nav").addClass("show");
-            $("#room-rates-slider").fadeIn();
-            $("#resContent").appendTo("#room-rates-slider");
              $(".feed").slick({
                 infinite: true,
                 slidesToShow: 2,
                 slidesToScroll: 1
             });
         } else if($(window).width() < 641 && $(window).width() > 319){
-            $("#room-rates-slider").fadeIn();
-            $("#resContent").appendTo("#room-rates-slider");
              $(".feed").slick({
                 infinite: true,
                 slidesToShow: 1,
                 slidesToScroll: 1
             });
         }
-        
+    }
+
+    function check_window_width(){
+
+        if($(window).width() > 1023){
+            $("#resContent").appendTo("#reservationContent");
+            $("#mobile-sticky-nav").remove("show");
+            $("#room-rates-slider").removeClass("open-form");
+        }else if($(window).width() < 641 ){
+            $("#mobile-sticky-nav").addClass("show");
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        } else if($(window).width() < 1025 && $(window).width() > 639){
+            $("#mobile-sticky-nav").addClass("show");
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        } else if($(window).width() < 641 && $(window).width() > 319){
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        }
     }
 
     check_window_width();
+    slick_init();
     $(window).resize(function () {
-        
+        slick_init();
         check_window_width();
             // $('.slick-list').addClass("glmgrid-small-12 glmgrid-columns");
         

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 7a15d13..c720b64 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -118,47 +118,55 @@ $(document).ready(function () {
     var btn_text_length, btn_text;
 
     // initialize the slick sliders on the events and blocks front page
-    function check_window_width(){
+    function slick_init(){
         if($(".feed").hasClass('slick-initialized') ) {
             $(".feed").slick('unslick')
          }
         if($(window).width() > 1023){
-            $("#resContent").appendTo("#reservationContent");
-            $("#mobile-sticky-nav").remove("show");
-            $("#room-rates-slider").removeClass("open-form");
             $(".feed").slick({
                 infinite: true,
                 slidesToShow: 3,
                 slidesToScroll: 1
             });
-        }else if($(window).width() < 641 ){
-                $("#mobile-sticky-nav").addClass("show");
-                $("#room-rates-slider").fadeIn();
-                $("#resContent").appendTo("#room-rates-slider");
         } else if($(window).width() < 1025 && $(window).width() > 639){
-            $("#mobile-sticky-nav").addClass("show");
-            $("#room-rates-slider").fadeIn();
-            $("#resContent").appendTo("#room-rates-slider");
              $(".feed").slick({
                 infinite: true,
                 slidesToShow: 2,
                 slidesToScroll: 1
             });
         } else if($(window).width() < 641 && $(window).width() > 319){
-            $("#room-rates-slider").fadeIn();
-            $("#resContent").appendTo("#room-rates-slider");
              $(".feed").slick({
                 infinite: true,
                 slidesToShow: 1,
                 slidesToScroll: 1
             });
         }
-        
+    }
+
+    function check_window_width(){
+
+        if($(window).width() > 1023){
+            $("#resContent").appendTo("#reservationContent");
+            $("#mobile-sticky-nav").remove("show");
+            $("#room-rates-slider").removeClass("open-form");
+        }else if($(window).width() < 641 ){
+            $("#mobile-sticky-nav").addClass("show");
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        } else if($(window).width() < 1025 && $(window).width() > 639){
+            $("#mobile-sticky-nav").addClass("show");
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        } else if($(window).width() < 641 && $(window).width() > 319){
+            $("#room-rates-slider").fadeIn();
+            $("#resContent").appendTo("#room-rates-slider");
+        }
     }
 
     check_window_width();
+    slick_init();
     $(window).resize(function () {
-        
+        slick_init();
         check_window_width();
             // $('.slick-list').addClass("glmgrid-small-12 glmgrid-columns");