[Responsive]Add footer to menu

wp-content/themes/nap/assets/css/main.css

@@ -734,6 +734,38 @@ nav ul ul{
   .nav-content ul ul li.active{
     opacity: 1 !important;
   }
+  .header .nav-content .footer .row{
+    float: none;
+  }
+  .header .nav-content .footer {
+    padding : 0;
+    position: absolute;
+    bottom: 40px;
+  }
+   .header .nav-content .footer.relative{
+    position: relative;
+    bottom: initial;
+   }
+  .header .nav-content .footer ul{
+    display: table;
+  }
+  .header .nav-content .footer-links{
+    display: block;
+  }
+  .header .nav-content .footer-links li{
+    width: 50%;
+  }
+  .header .nav-content .footer li{
+    display: inline-block;
+    padding-bottom: 15px;
+  }
+  .header .footer .acces  li:after, 
+  .header .footer .acces  li:before{
+    margin-left: 0px;
+  }
+  .header .footer .acces li{
+    padding-left: 8px;
+  }
 /* ==========================================================================
 VI/   FOOTER...............footer
 ========================================================================== */
@@ -754,6 +786,7 @@ footer{
 }
 .footer .acces  li:after,
 .footer .acces  li:before,
+.header .nav-content .footer .right li a:before,
 .footer .right li a:after{
   height: 8px;
   width: 1px;
@@ -764,6 +797,12 @@ footer{
   vertical-align: middle;
   margin: 0px 6px 0px 9px;
 }
+.header .nav-content .footer .right li a:after{
+  display: none
+}
+.header .nav-content .footer .right li a:before{
+  margin-left: 0px;
+}
 .footer .right li:last-child a:after{
   display: none;
 }

wp-content/themes/nap/assets/js/main.js

@@ -20,12 +20,16 @@ $(function(){
 			if ($(".c-hamburger").hasClass('is-active')) { //Open menu
 				nav.removeClass('OFF').addClass("ON");
 				nav.parent().addClass("show-nav transition");
+				if (!($('.main-nav .nav-content .footer').length)){
+					$('.main-nav .nav-content').append($('.footer').clone());
+				}
 			}
 	        else { //Close menu
 	        	nav.removeClass('ON').addClass("OFF");
 	        	nav.parent().removeClass("show-nav");
 	        }
 	        nav.stop().slideToggle();
+	        checkFooterNavPosition();
 	    });
 	}
 	//load content page on left Panel
@@ -345,6 +349,7 @@ $.fn.getMenuBg = function(){
 		$('.contact-form .inner-form').outerHeight(windowHeight - footerContact);
 		if (lastSectionHeight < windowHeight - footerHeight)
 			$('#catalogue .panel-content section').last().height(2 * windowHeight/3 - footerHeight );
+		checkFooterNavPosition();
 	}
 	//Wordpress js login
 	$('#user_login').attr('placeholder', 'Identifiant');
@@ -462,14 +467,25 @@ function scrollAnchor(elemId, skipZero){
 		});
 	});
 }
+function checkFooterNavPosition(){
+	var mainHeight = $('.main-nav .nav-content').height(),
+	nav = $('.main-nav .nav-content .arrow-white').height() + $('.main-nav .nav-content .arrow-pink').height(),
+	footerNav = $('.header .nav-content .footer').outerHeight();
+	footerSpace = mainHeight - (nav + 40) ;
+	if (footerSpace <= footerNav ){
+		$('.header .nav-content .footer').addClass('relative');
+	}else{
+		$('.header .nav-content .footer').removeClass('relative');
+	}
+}	
 $(window).load( function() {
 	initFunction();
 });//END document load
 var timer;
 $(window).scroll(function(e) {
 	onScroll(e);
-	var stickySidebar = $('.home-down-wrapper').offset().top;
-	if ($(window).scrollTop() > stickySidebar - $('.nav-header').outerHeight()) {
+	var downBTN = $('.home-down-wrapper').offset().top;
+	if ($(window).scrollTop() > downBTN - $('.nav-header').outerHeight()) {
 		$('.home-footer-nav .nav-wrapper').addClass('fixed');
 	}
 	else {

wp-content/themes/nap/footer.php

@@ -10,7 +10,7 @@
                 <li><a href="#">accès pro</a></li>
             </ul>
         </div>
-        <div class="row right">
+        <div class="row right footer-links">
             <ul>
                 <li class='nl'><a href="#">newsletter</a></li>
                 <li><a href="<?php echo get_permalink(260)?>">téléchargements</a></li>