js to scroll to top of page when off canvas btn is clicked

fixing the off canvas action item grid and adding js that will scroll the page to the
top when the oc btn is clicked

diff --git a/js/app.js b/js/app.js
index ef8bb46..ec8fa66 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -49,5 +49,7 @@ $(document).ready(function () {
     if(/venues/.test(loc)) {
         $('#dropdown-venues > li').addClass('active');
     }
-    
+    $('section.left-small').on("click", function(){
+        window.scrollTo(0, 0);
+    })
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index f0c1a69..baefe6b 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -40,5 +40,7 @@ $(document).ready(function () {
     if(/venues/.test(loc)) {
         $('#dropdown-venues > li').addClass('active');
     }
-    
+    $('section.left-small').on("click", function(){
+        window.scrollTo(0, 0);
+    })
 });

diff --git a/sections/off-canvas.php b/sections/off-canvas.php
index 0b3b961..b99e422 100644 (file)
--- a/sections/off-canvas.php
+++ b/sections/off-canvas.php
@@ -34,7 +34,7 @@
                             </ul>
                             <?php endif;?>
                             <div class="small-12 columns oc-action-items">
-                                <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2 oc-action-grid">
+                                <ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-2 oc-action-grid">
                                     <li class="enews-action-item action-item">
                                         <a href="<?php echo get_permalink(138); ?>" class="enews-action-link">
                                             <img src="<?php echo get_template_directory_uri() . '/assets/enews.png'; ?>" alt="" class="enews-action-image">