Footer Section

Update the footer section:
Get the pure mich logo to goto the bottom in medium and small view.
Get rid of the margins in address and info in the small view.

diff --git a/css/app.css b/css/app.css
index be059c9..c49da10 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6808,7 +6808,7 @@ ul#actionlinks li a#lodging_specials:hover {
 #address1 {
   display: block;
   float: left;
-  width: 63%;
+  /*width: 63%;*/
   overflow: hidden;
   margin: 0 0 0 12px;
   padding: 0 0 5px 0;
@@ -6816,25 +6816,31 @@ ul#actionlinks li a#lodging_specials:hover {
   font-size: 16px;
   /*font-size: 1.6rem;*/
   color: #0F2F4D; }
+  @media screen and (max-width: 40em) {
+    #address1 {
+      margin: 0; } }
 
 #info {
   display: block;
   float: left;
-  width: 62%;
+  /*width: 62%;*/
   overflow: hidden;
   margin: 0 0 0 30px;
   padding: 0 0 5px 0;
   text-align: left;
   color: #0F2F4D; }
+  @media screen and (max-width: 40em) {
+    #info {
+      margin: 0; } }
 
 #info a {
   color: #0F2F4D; }
 
 #puremi {
   display: block;
-  float: right;
+  /*float: right;*/
   clear: none;
-  width: 28%; }
+  /*width: 28%;*/ }
 
 #copyright {
   display: block;

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 33c0588..2876ceb 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -729,7 +729,7 @@ ul#actionlinks li a#lodging_specials:hover {
 #address1 {
     display: block;
     float: left;
-    width: 63%;
+    /*width: 63%;*/
     overflow: hidden;
     margin: 0 0 0 12px;
     padding: 0 0 5px 0;
@@ -737,25 +737,31 @@ ul#actionlinks li a#lodging_specials:hover {
     font-size: 16px;
     /*font-size: 1.6rem;*/
     color: #0F2F4D;
+    @media screen and (max-width: 40em) {
+        margin: 0;
+    }
 }
 #info {
     display: block;
     float: left;
-    width: 62%;
+    /*width: 62%;*/
     overflow: hidden;
     margin: 0 0 0 30px;
     padding: 0 0 5px 0;
     text-align: left;
     color: #0F2F4D;
+    @media screen and (max-width: 40em) {
+        margin: 0;
+    }
 }
 #info a {
     color: #0F2F4D;
 }
 #puremi {
     display: block;
-    float: right;
+    /*float: right;*/
     clear: none;
-    width: 28%;
+    /*width: 28%;*/
 }
 #copyright {
     display: block;

diff --git a/templates/template.html b/templates/template.html
index 1420413..db6824b 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -120,9 +120,15 @@
                 </div><!--/#maincol-->
             </div><!--/# class:row -->
         <div id="footer" class="row">
-            <a href="http://www.michigan.org/property/trout-creek-condominum-resort-harbor-springs/" id="puremi"><img src="{mediaBaseURL:h}assets/puremi_logo.jpg"></a>
-            <div id="address1">Trout Creek Condominium Resort 4749 S. Pleasantview | Harbor Springs, MI 49740</div>
-            <div id="info"><a href="tel:2315262148">231-526-2148</a> &bull; <a href="tel:+18007480245">1-800-748-0245</a> &bull; <a href="mailto:info@troutcreek.com">info@troutcreek.com</a> &bull; <a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners Section</a> &bull; <a href="{baseURLDefined:h}site-map">Site Map</a></div>
+            <div class="small-12 small-text-center large-9 columns">
+                <div id="address1">Trout Creek Condominium Resort 4749 S. Pleasantview | Harbor Springs, MI 49740</div>
+                <div id="info"><a href="tel:2315262148">231-526-2148</a> &bull; <a href="tel:+18007480245">1-800-748-0245</a> &bull; <a href="mailto:info@troutcreek.com">info@troutcreek.com</a> &bull; <a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners Section</a> &bull; <a href="{baseURLDefined:h}site-map">Site Map</a></div>
+            </div>
+            <div class="small-12 small-text-center large-3 columns">
+                <a class="small-center medium-right" href="http://www.michigan.org/property/trout-creek-condominum-resort-harbor-springs/" id="puremi">
+                    <img src="{mediaBaseURL:h}assets/puremi_logo.jpg">
+                </a>
+            </div>
         </div><!--/#footer-->
     </div><!--/#main-->
     <div id="copyright" class="small-12 columns">