working with the data-equalizer

I have been trying to make the data equalizer work for the action items
and the blocks.  So far the blocks are the only one that are working.

diff --git a/front-page.php b/front-page.php
index 27c5571..06b82cd 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -2,7 +2,7 @@
 <main class="page-front">
     <?php get_template_part('parts/slide-show');?>
     <div id="content-wrapper">
-        <div id="action-row" class="row">
+        <div id="action-row" class="row" data-equalizer data-options="equalize_on_stack: true">
             <?php
             get_template_part('parts/action-items');
             ?>
@@ -16,7 +16,7 @@
                 <?php endif;?>
             </div>
         </div>
-        <div id="block-row" class="row" data-equalizer data-options="equalize_on_stack: false">
+        <div id="block-row" class="row" data-equalizer data-options="equalize_on_stack: true">
             <?php
             get_template_part('parts/glm-blocks');
             ?>

diff --git a/parts/action-items.php b/parts/action-items.php
index 544db1b..907bf8b 100644 (file)
--- a/parts/action-items.php
+++ b/parts/action-items.php
@@ -1,4 +1,4 @@
-<div class="small-11 small-centered medium-uncentered medium-6 columns action-item">
+<div class="small-11 small-centered medium-uncentered medium-6 columns action-item" data-equalizer-watch>
     <a class="click-container" href="#">
         <div class="content-container">
             <img alt="Bridge Conditions">
@@ -9,7 +9,7 @@
         </div>
     </a>
 </div>
-<div class="small-11 small-centered medium-uncentered medium-6 columns action-item">
+<div class="small-11 small-centered medium-uncentered medium-6 columns action-item" data-equalizer-watch>
     <a class="click-container" href="#">
         <div class="content-container">
             <img alt="Live Bridge Cam Image">

diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index f454c07..a5e4fde 100644 (file)
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -3,7 +3,7 @@
 <div class="blocks">
     <div class="row">
         <?php foreach ($blocks as $block):?>
-            <div class="text-center small-12 medium-6 columns large-text-left block">
+            <div class="text-center small-12 medium-6 columns large-text-left block" data-equalizer-watch>
                 <div class="row">
                     <div class="small-8 small-centered medium-uncentered medium-5 columns">
                         <?php echo get_the_post_thumbnail($block->ID, 'glm-block-image');?>