fiddling with the data equalizer

diff --git a/front-page.php b/front-page.php
index 0883831..e59feec 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -16,8 +16,8 @@
         <div class="row">
             <div class="small-12 medium-11 small-centered columns">
                 <div class="blocks">
-                    <div class="row">
-                        <div id="block-1" class="small-12 small-centered medium-uncentered medium-6 columns blocks overlay text-center">
+                    <div class="row" data-equalizer data-option="equalize_on_stack:true" data-equalizer-mq="large-up">
+                        <div id="block-1" class="small-12 small-centered medium-uncentered medium-6 columns blocks overlay text-center" >
                             <a href="http://ian.gaslightmedia.com/thinkdunes/things-to-do/">
                                 <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/things-to-do-image.jpg"/>
                             </a>
@@ -26,7 +26,7 @@
                             </a>
                         </div>
                         <!-- end block# div -->
-                        <div id="block-2" class="small-12 small-centered medium-uncentered medium-6 columns blocks overlay text-center" data-equalizer-watch>
+                        <div id="block-2" class="small-12 small-centered medium-uncentered medium-6 columns blocks overlay text-center" >
                             <a href="http://ian.gaslightmedia.com/thinkdunes/">
                                 <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/lodging-image.jpg"/>
                             </a>
@@ -35,7 +35,7 @@
                             </a>
                         </div>
                                 <!-- end block# div -->
-                        <div id="block-3" class="small-12 small-centered medium-uncentered medium-6 large-4 columns blocks overlay text-center" >
+                        <div id="block-3" class="small-12 small-centered medium-uncentered medium-6 large-4 columns blocks overlay text-center" data-equalizer-watch>
                             <a href="http://ian.gaslightmedia.com/thinkdunes/">
                                 <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/community-and-services-image.jpg"/>
                             </a>
@@ -44,7 +44,7 @@
                             </a>
                         </div>
                         <!-- end block# div -->
-                        <div id="block-4" class="small-12 small-centered medium-uncentered medium-6 large-4 large-push-4 columns blocks overlay text-center" >
+                        <div id="block-4" class="small-12 small-centered medium-uncentered medium-6 large-4 large-push-4 columns blocks overlay text-center" data-equalizer-watch>
                             <a href="http://ian.gaslightmedia.com/thinkdunes/">
                                 <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/dining-and-shopping-image.jpg"/>
                             </a>
@@ -53,14 +53,14 @@
                             </a>
                         </div>
                         <div id="block-column" class="small-12 small-centered large-uncentered medium-12 large-4 large-pull-4 columns" data-equalizer-watch>
-                            <div class="row collapse">
-                                <div id="block-5" class="small-12 columns blocks overlay text-center">
+                            <div class="row collapse" >
+                                <div id="block-5" class="small-12 columns blocks overlay text-center" >
                                     <a href="#"></a>
                                     <a class="title-posts" href="#">
                                         <h1>Discover Deals</h1>
                                     </a>
                                 </div>
-                                <div id="block-6" class="small-12 columns blocks overlay text-center">
+                                <div id="block-6" class="small-12 columns blocks overlay text-center" >
                                     <a href="#"></a>
                                     <a class="title-posts" href="#">
                                         <h1>Events</h1>