Hiding empty footer element for large up

diff --git a/front-page.php b/front-page.php
index 4c2d48d..be4806c 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -58,13 +58,13 @@
             </div>
         </div>
         <div class="row">
-            <div class="small-12 text-center large-4 columns blocks"style="background: url(<?php echo get_template_directory_uri(); ?>/assets/images/ni_sky.jpg) no-repeat center">
+            <div class="small-12 text-center large-6 columns blocks"style="background: url(<?php echo get_template_directory_uri(); ?>/assets/images/ni_sky.jpg) no-repeat center">
                 <a href="<?php echo esc_url( get_permalink( get_page_by_path('about/pardon-our-dust'))); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/star-dust.png"></a>
             </div>
-            <div class="small-12 text-center large-4 columns blocks" style="background: url(<?php echo get_template_directory_uri(); ?>/assets/images/donate.jpg) no-repeat center">
+            <div class="small-12 text-center large-6 columns blocks" style="background: url(<?php echo get_template_directory_uri(); ?>/assets/images/donate.jpg) no-repeat center">
                 <a href="<?php echo esc_url( get_permalink( get_page_by_path('donate'))); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/donate.png"></a>
             </div>
-            <div class="small-12 text-center large-4 columns blocks" style="">
+            <div class="small-12 text-center hide-for-large-up large-4 columns blocks" style="">
                 <a class="blocks" href="#"><?php do_shortcode("[custom-facebook-feed]") ?></a>
             </div>
             <div class="fb-page" data-href="https://www.facebook.com/instagram"