Footer in {Theme} has two variations :
Default footer
No extra class needed.
Fixed position footer
Needed ct-postFooter–fixedPosition class
HTML markup for fixed position footer
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<section class="ct-postFooter ct-postFooter--fixedPosition"> <div class="container"> <div class="row ct-u-borderBottom ct-u-paddingBottom15"> <div class="col-lg-10 col-lg-offset-2 col-md-10 col-md-offset-1"> <div class="ct-u-displayTableVertical"> <div class="ct-u-displayTableCell ct-col1"><a href="index.html"><img src="../assets/images/demo-content/delimondo/delimondo-transparent.png" alt="Image"></a></div> <div class="ct-u-displayTableCell ct-col2"> <ul class="ct-map-links list-inline list-unstyled"> <li><a href="index.html"><span data-hover="home">home</span></a></li> <li><a href="about-us.html"><span data-hover="about us">about us</span></a></li> <li><a href="menucard.html"><span data-hover="menu card">menu card</span></a></li> <li><a href="blog.html"><span data-hover="blog">blog</span></a></li> <li><a href="gallery.html"><span data-hover="gallery">gallery</span></a></li> <li><a href="shop.html"><span data-hover="shop">shop</span></a></li> <li><a href="contact.html"><span data-hover="contact">contact</span></a></li> </ul> </div> </div> </div> </div> <div class="ct-u-displayTable text-center ct-u-paddingLeft180 ct-u-paddingRight180 ct-u-removePadding"> <div class="ct-u-displayTableCell ct-postFooter-col1"> <ul class="ct-copyrights list-inline list-unstyled"> <li>© 2015 delimondo</li> <li>all rights reserved</li> </ul> </div> <div class="ct-u-displayTableCell ct-postFooter-col2"> <ul class="ct-copyrights list-inline list-unstyled"> <li>|</li> </ul> </div> <div class="ct-u-displayTableCell ct-postFooter-col3"> <ul class="ct-copyrights ct-copyrights--noDivider list-inline list-unstyled"> <li>TEL: +49 123 456 789-0</li> <li><a href="mailto:hello@delimondo.com">HELLO @DELIMONDO.COM</a></li> </ul> </div> </div> </div><a href="#" class="ct-js-btnScrollUp is-active"><span><i class="fa fa-angle-up"></i></span></a> </section> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
//Fixed Footer //------------------------------------------------------------------------------------------------------------------------------------------------------------------ var prev_footer = $('.ct-postFooter--fixedPosition').prev(); if(!device.mobile() && !device.tablet()) { if ($(".ct-postFooter").hasClass("ct-postFooter--fixedPosition")) { prev_footer.css('margin-bottom','124px'); } else { prev_footer.css('margin-bottom','0'); } } else { $(".ct-postFooter").removeClass("ct-postFooter--fixedPosition"); } $(window).scroll(function () { if ($(this).scrollTop() != 0) { $(".ct-postFooter").fadeIn(400); } else { $(".ct-postFooter").fadeOut(400); } }); |