Make image on footer link more responsive

diff --git a/docs/assets/scss/_course-callout.scss b/docs/assets/scss/_course-callout.scss
index d04d1f31ba60645423c19311500fd20267c123a1..a9aca9cee59a6104ab8764d3702fbc51e02086c4 100644 (file)
--- a/docs/assets/scss/_course-callout.scss
+++ b/docs/assets/scss/_course-callout.scss
@@ -1,7 +1,8 @@
 .footer-course-upsell {
   overflow: hidden;
   img {
-    margin-top: 55px;
+    position: absolute;
+    bottom: -15px;
     animation:  ad-unit-hover 8s infinite ease;
   }
   border-top: 1px solid #cacaca;

diff --git a/docs/partials/footer.html b/docs/partials/footer.html
index f77a0bed10311722a00d06962a0f175139b04f15..8a2b139a3f5c7b2028d9f0bb5cdd27fd1d919bb7 100644 (file)
--- a/docs/partials/footer.html
+++ b/docs/partials/footer.html
@@ -1,15 +1,17 @@
 <div class="footer-course-upsell">
   <section class="sites-course">
-    <div class="row">
+    <div class="row" data-equalizer>
       <div class="medium-7 medium-push-4 columns">
-        <div class="course-callout">
+        <div class="course-callout" data-equalizer-watch>
           <h3 class="sites-course-title"><span>WEBINAR</span> Introduction to Foundation 6</h3>
           <p>Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.</p>
           <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="button primary" target="_blank">Learn Foundation 6</a>
         </div>
       </div>
-      <div class="medium-2 medium-pull-8 columns">
-        <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/yeti.svg"/></a>
+      <div class="medium-2 medium-pull-8 columns show-for-medium">
+        <div data-equalizer-watch>
+          <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/yeti.svg"/></a>
+        </div>
       </div>
     </div>
   </section>