adjusting map position and making it responsive

diff --git a/footer.php b/footer.php
index 138a01a..bbfe75a 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -44,8 +44,10 @@
                             <div class="row">
                                 <div class="small-12 small-centered columns">
                                     <div class="row">
-                                        <div class="small-12 medium-3 columns medium-offset-1">
-                                            <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url');?>/assets/camp-petosega-footer-logo.png"></a>
+                                        <div class="small-12 medium-4 columns text-center">
+                                         
+                                               <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url');?>/assets/camp-petosega-footer-logo.png"></a>
+                                         
                                         </div>
                                         <?php get_template_part('parts/client-info-footer');?>
                                     </div>

diff --git a/js/app.js b/js/app.js
index d940b98..f8582c8 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -30,24 +30,27 @@ $(document).ready(function () {
         //console.log('ul = ' + menuImg);
         //console.log('menu-id = ' + menuNum);
     });
-        var toggleSitelist = true;
-        $('#emmet').on('click',function(e) {
+    var toggleSitelist = true;
+    $('#emmet').on('click',function(e) {
 //            var footerPosition = get_footer_position();
-            var footerPosition = 'fixed';
-            if (footerPosition === 'fixed') {
-                if (toggleSitelist) {
-                    $("#sitelist").animate({'height': 53}, 600);
-                    toggleSitelist = false;
-                } else {
+        var footerPosition = 'fixed';
+        if (footerPosition === 'fixed') {
+            if (toggleSitelist) {
+                $("#sitelist").animate({'height': 53}, 600);
+                toggleSitelist = false;
+            } else {
+                $("#sitelist").animate({'height': 0}, 600);
+                toggleSitelist = true;
+            }
+            $('#connect').bind('mouseleave', function () {
+                if (!toggleSitelist) {
                     $("#sitelist").animate({'height': 0}, 600);
                     toggleSitelist = true;
                 }
-                $('#connect').bind('mouseleave', function () {
-                    if (!toggleSitelist) {
-                        $("#sitelist").animate({'height': 0}, 600);
-                        toggleSitelist = true;
-                    }
-                });
-            }
-        });
+            });
+        }
+    });
+    
+    var iframe = $("#main-content").children("p").find('iframe');
+    iframe.css("display", "block").css("max-width", "100%").css("margin", "0 auto");
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index bc0753e..c1b171d 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -21,24 +21,27 @@ $(document).ready(function () {
         //console.log('ul = ' + menuImg);
         //console.log('menu-id = ' + menuNum);
     });
-        var toggleSitelist = true;
-        $('#emmet').on('click',function(e) {
+    var toggleSitelist = true;
+    $('#emmet').on('click',function(e) {
 //            var footerPosition = get_footer_position();
-            var footerPosition = 'fixed';
-            if (footerPosition === 'fixed') {
-                if (toggleSitelist) {
-                    $("#sitelist").animate({'height': 53}, 600);
-                    toggleSitelist = false;
-                } else {
+        var footerPosition = 'fixed';
+        if (footerPosition === 'fixed') {
+            if (toggleSitelist) {
+                $("#sitelist").animate({'height': 53}, 600);
+                toggleSitelist = false;
+            } else {
+                $("#sitelist").animate({'height': 0}, 600);
+                toggleSitelist = true;
+            }
+            $('#connect').bind('mouseleave', function () {
+                if (!toggleSitelist) {
                     $("#sitelist").animate({'height': 0}, 600);
                     toggleSitelist = true;
                 }
-                $('#connect').bind('mouseleave', function () {
-                    if (!toggleSitelist) {
-                        $("#sitelist").animate({'height': 0}, 600);
-                        toggleSitelist = true;
-                    }
-                });
-            }
-        });
+            });
+        }
+    });
+    
+    var iframe = $("#main-content").children("p").find('iframe');
+    iframe.css("display", "block").css("max-width", "100%").css("margin", "0 auto");
 });

diff --git a/parts/client-info-footer.php b/parts/client-info-footer.php
index 7ba5b36..6c302eb 100644 (file)
--- a/parts/client-info-footer.php
+++ b/parts/client-info-footer.php
@@ -1,6 +1,7 @@
 <div id="footer_address" class="medium-4 columns show-for-medium-up">
     <?php if (function_exists('glm_get_clientinfo_option')) :?>
-    <div class="row collapse">
+
+         <div class="row collapse">
         <div class="medium-12 large-3 columns">
             <img id="map" src="<?php bloginfo('template_url');?>/assets/map-icon.png">
         </div>
@@ -12,6 +13,7 @@
             <?php endif;?>
         </div>
     </div>
+  
 </div>    
     <?php if (glm_get_clientinfo_option('address2')):?>
         <span class="bullet"> &#8226; </span>
@@ -21,11 +23,12 @@
             <?php echo glm_get_clientinfo_option('zip2');?></span>
     <?php endif;?>
 <div class="medium-4 columns show-for-medium-up emailFooter">
-    <div class="row collapse">
-        <div class="medium-12 large-2 columns">
+  
+        <div class="row collapse">
+        <div class="small-12 medium-2 columns">
             <img id="compass" src="<?php bloginfo('template_url');?>/assets/compass-icon.png">
         </div>
-        <div class="small-12 large-10 columns dir-contact">
+        <div class="small-12 medium-10 columns dir-contact">
             <?php if (glm_get_clientinfo_option('phone')) :?>
                 <span><?php echo glm_get_clientinfo_option('phone');?></span>
             <?php endif;?>
@@ -34,6 +37,7 @@
             <?php endif;?>
         </div>
     </div>
+ 
     <?php if (glm_get_clientinfo_option('fax')) :?>
         <span class="bullet"> &#8226; </span><span><?php echo glm_get_clientinfo_option('fax');?></span>
     <?php endif;?>