Re-enabled sticky footer and styles.
authorLaury GvR <laury@gaslightmedia.com>
Tue, 21 Apr 2015 13:44:42 +0000 (09:44 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 21 Apr 2015 13:44:42 +0000 (09:44 -0400)
footer.php
js/custom/sticky-footer.js
scss/site/_structure.scss

index 894706f..e82b27e 100644 (file)
@@ -1,6 +1,6 @@
 </section>
 <div id="sticky-footer">
-  <div class="sticky-footer">
+  <div class="sticky-footer-wrapper-class">
     <div class="row">
       <div class="medium-12 large-8 columns medium-text-center small-text-center">
         <?php visitAlpena_footer_menu(); ?>
index 6924043..2613a97 100644 (file)
@@ -34,9 +34,12 @@ function get_footer_position() {
     return 'relative';
   }
   else if (bottom <= top_of_footer) {
-//    return 'fixed';
-    return 'relative';
+    return 'fixed';
   }
+  
+//  function remove_the_arrow() {
+//      $('.sticky-footer-wrapper-class:after').css('border-width', '0');
+//  }
 }
 
 
index 30e8060..46079ff 100644 (file)
@@ -369,18 +369,15 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
         position: relative;
     }
 }
-#sticky-footer > div.sticky-footer {
-    border-top: 1px solid lightgreen;
-    border-bottom: 1px solid darkgreen;
-    margin: 0;
-    padding: 0;
-}
-.sticky-footer {
+.sticky-footer-wrapper-class {
     position: relative;
     width: 100%;
     background-color: $green;
     color: $white;
-
+    border-top: 1px solid lightgreen;
+    border-bottom: 1px solid darkgreen;
+    margin: 0;
+    padding: 0;
     ul {
         display: inline-block;
         list-style-type: none;
@@ -494,7 +491,7 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
         }
     }
     &:after {
-/*        top: 100%;
+        top: 100%;
         left: 50%;
         border: solid transparent;
         content: " ";
@@ -536,7 +533,7 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
         margin-right: 10px;
     }*/
 }
-.sticky-footer .social-links li {
+.sticky-footer-wrapper-class .social-links li {
         &.facebook > a  { background: url('../assets/img/icons/facebook-icon.png') no-repeat left center; }
 /*                &.twitter > a   { background: url('../assets/img/icons/twitter-icon.png') no-repeat left center; }*/
         &.youtube > a   { background: url('../assets/img/icons/youtube-icon.png') no-repeat left center; }