[Bugfix]Responsive : container bg

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

@@ -113,6 +113,7 @@
 		left: 0;
 		height: 100%;
 		width: 100% !important;
+		z-index: 99999;
 	}
 	.right-container{
 		width: 100% !important;

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

@@ -327,14 +327,7 @@ $.fn.getMenuBg = function(){
 	tlBg.from('.full-slides',1.2,{opacity:0, width:0},0.4);
 	if (windowWidth > 860){
 		tlBg.to('.container-bg',1.2,{width:navwWidth},0.4);
-			tlBg.to('.container-bg',0,{height:'100%'},0);
-			$('.main').css('padding-top',0);
-	}else{
-		$('.main').css('padding-top',navHeight);
-		tlBg.to('.container-bg',0,{height:navHeight},0);
 	}
-	
-	
 }
 	//Responsive function 
 	$.fn.responsive = function(){
@@ -344,6 +337,7 @@ $.fn.getMenuBg = function(){
 		windowHeight = $(window).height(),
 		windowWidth = $(window).width(),
 		navMenuWidth = $('.nav-wrapper').outerWidth(),
+		navHeight = $('.nav-header').outerHeight(),
 		navHeader = $('.nav-header').outerHeight(),
 		containerHeight = windowHeight - footerHeight ,
 		navPhototequeWidth = $('.nav-phototeque').outerWidth(),
@@ -364,8 +358,14 @@ $.fn.getMenuBg = function(){
 		$('.contact-form .inner-form').outerHeight(windowHeight - footerContact);
 		if (lastSectionHeight < windowHeight - footerHeight)
 			$('#catalogue .panel-content section').last().height(2 * windowHeight/3 - footerHeight );
+		if (windowWidth > 860){
+			$('.container-bg').css({'height':'100%'});
+			$('.main').css('padding-top',0);
+		}else{
+			$('.main').css('padding-top',navHeight);
+			$('.container-bg').css({'height':navHeight});
+		}
 		checkFooterNavPosition();
-		$.fn.getMenuBg(); //Animation BG Menu
 	}
 	//Wordpress js login
 	$('#user_login').attr('placeholder', 'Identifiant');
@@ -532,12 +532,12 @@ $(document).ready(function(){
 	$('.news-btn').open_news();
 	$('.close-btn').close_news();
 	$('.filter-wrapper').open_filter();
-	$.fn.responsive();
 	$.fn.showSubmenu(); //Catalog subMenu
 	$('#fullpage').fullpageSlide(); //Stories
 	$.fn.responsive();
 	$('.list-color-filter li').setBgColorList();
 	$.fn.animation(); //Global animation for entire site
+	$.fn.getMenuBg(); //Animation BG Menu
 	//TODO
 	$('.cover-wrapper').last().addClass('last');
 	$('.cover-wrapper').first().addClass('first');