testing blocks on click for mobile devices

diff --git a/js/app.js b/js/app.js
index f494bc9..dc445fa 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -180,4 +180,19 @@ $(document).ready(function () {
             $("#departOff").val(minDays);
         }
     });
+    
+    $("#block-1, #block-2, #block-3").click(function () {
+       var $tmp = $(this).find("p");
+       var $tmp2 = $(this).find("h2");
+       var $tmp3 = $(this).find("a.blocks-readmore");
+        
+        $tmp.css("display", "inline-block");
+        $tmp.css("padding", "0px 47px");
+        $tmp.css("color", "white");
+        $tmp.css("position", "relative");
+        $tmp.css("top", "15px");
+        
+        $tmp2.css("position", "relative");
+        $tmp2.css("top", "15px");
+    });
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index ac7082b..0a4082d 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -171,4 +171,19 @@ $(document).ready(function () {
             $("#departOff").val(minDays);
         }
     });
+    
+    $("#block-1, #block-2, #block-3").click(function () {
+       var $tmp = $(this).find("p");
+       var $tmp2 = $(this).find("h2");
+       var $tmp3 = $(this).find("a.blocks-readmore");
+        
+        $tmp.css("display", "inline-block");
+        $tmp.css("padding", "0px 47px");
+        $tmp.css("color", "white");
+        $tmp.css("position", "relative");
+        $tmp.css("top", "15px");
+        
+        $tmp2.css("position", "relative");
+        $tmp2.css("top", "15px");
+    });
 });

diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index 7e0cab9..3955c4b 100644 (file)
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -7,6 +7,8 @@
         <div class="row collapse">
             <?php $post_image_id = get_post_thumbnail_id($block->ID); ?>
            <?php $thumbnail = wp_get_attachment_image_src( $post_image_id, false); ?>
+           
+           <!--block div -->
             <div id="block-<?php echo $count; ?>" class="small-12 columns blocks" style="background: url('<?php echo $thumbnail[0]; ?>') no-repeat ; background-size: 100% 100%";> 
                 <?php if($block->url):?>
                 <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
@@ -25,6 +27,8 @@
                 <p><?php echo $block->post_content . $block->post_excerpt;?></p>
                 <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
             </div>
+            <!-- end block# div -->
+            
         </div>
     </div>
     <?php $count++; ?>