[Responsive]Photothéque

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

@@ -1359,7 +1359,10 @@ aside.news-wrapper {
   color: #313D7A;
   max-width: 85%;
 }
-
+.pa_format ul li:last-of-type {
+    margin-bottom: 20px;
+    pointer-events: none;
+}
 .pa_format ul li label {
   overflow: hidden;
   display: block;
@@ -1648,7 +1651,7 @@ label.chevron.bottom::first-letter {
   content: '';
   width: 100%;
   max-width: 205px;
-  height: 2px;
+  height: 1px;
   background: rgba(24,37,102,0.3);
   display: block;
   margin-top: 19px;
@@ -2113,6 +2116,7 @@ label.chevron.bottom::first-letter {
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   opacity: 0;
+  color: #fff;
 }
 #catalogue .product-list article:hover img{
   transform: translateY(-50%) scale(1.2);

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

@@ -212,9 +212,15 @@
 	.close-btn-mobile{
 		display: none !important;
 	}
+	.right-panel-wrapper{
+		top: 0px !important;
+	}
 }
 @media screen and (max-width: 860px) {
 	/* general */
+	.container-bg{
+		background-color: #071130;
+	}
 	.display--only-mobile{
 		display: block;
 	}
@@ -993,6 +999,7 @@
 	/* CMS */
 	.gallery-wrapper {
 		padding: 0px 10px 40px;
+		/*padding: 0px;*/
 	}
 	.legacy p {
 		padding-bottom: 10px;

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

@@ -30,12 +30,17 @@ $(function(){
 				if (!($('.main-nav .nav-content .footer').length)){
 					$('.main-nav .nav-content').append($('footer .footer').clone(true,true));
 				}
+				$('.right-panel-wrapper').css('z-index','9999');
 			}
 	        else { //Close menu
 	        	nav.removeClass('ON').addClass("OFF");
-	        	$('body').addClass('fixed');
+	        	$('body').removeClass('fixed');
 	        	nav.parent().removeClass("show-nav");
 	        	$('.main-nav .nav-content .footer').remove();
+	        	setTimeout(function(){
+	        	$('.right-panel-wrapper').css('z-index','9999999');
+	        },500)
+	        	
 	        }
 	        setTimeout(function(){
 	        	checkFooterNavPosition();
@@ -44,6 +49,13 @@ $(function(){
 	    });
 	}
 	$.fn.loadPageContent = function(){
+
+			if ($('body').find('header').length > 1){
+				$('body').find('header').last().parent().remove();
+				$('.right-panel-wrapper').css('top', $('.nav-header').outerHeight());
+				$('html').css('overflow','auto');
+			}
+
 		//$('.load-page').removeClass('fadeOutUp').addClass('animated fadeInUp')
 		$('ul.phototheque').find('li').first().addClass('current');
 		$('ul.phototheque').find('li').first().find('.subcat').slideDown('slow');
@@ -65,18 +77,19 @@ $(function(){
 				e.preventDefault();
 				e.stopPropagation();
 				$('.phototheque>li').removeClass('current');
-			$('.phototheque .subcat').slideUp('slow');
 				$(this).parent().addClass('current');
+			//if (windowWidth < 860){
+				//$('.nav-phototeque .nav-content>ul>li').addClass('animated fadeOutLeft');
+				//$('.nav-phototeque .nav-content li.current').removeClass('fadeOutLeft').addClass('fadeInRight');
+				//$('.nav-phototeque .nav-content li.current ul').removeClass('fadeOutLeft').addClass('fadeInRight');
+				//$('.nav-phototeque .nav-content li.current ul').css('display','inline-block !important');
+				//.phototheque-content nav li
+			//}else{
+			$('.phototheque .subcat').slideUp('slow');
 			$('.phototheque .off .subcat').slideUp();
 			$(this).parent().find('.subcat').slideDown('slow');
 
-			if (windowWidth < 860){
-				$('.nav-phototeque .nav-content>ul>li').addClass('animated fadeOutLeft');
-				$('.nav-phototeque .nav-content li.current').removeClass('fadeOutLeft').addClass('fadeInRight');
-				$('.nav-phototeque .nav-content li.current ul').removeClass('fadeOutLeft').addClass('fadeInRight');
-				$('.nav-phototeque .nav-content li.current ul').css('display','block','important');
-				//.phototheque-content nav li
-			}
+			//}
 
 		});
 		setTimeout(function(){

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

@@ -194,8 +194,8 @@ $(function(){
 	$.fn.productAnimation = function(){
 
            //first format Actif
-           var activeImg = $('.format-label #format_0').data('img-active');
-           $('.format-label #format_0').attr('src',activeImg);
+           //var activeImg = $('.format-label #format_0').data('img-active');
+           //$('.format-label #format_0').attr('src',activeImg);
 
            tlProduct = new TimelineMax();
            tlProduct.fromTo('.product-images',0.4,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},0);

wp-content/themes/nap/phototheque.php

@@ -13,6 +13,10 @@ if(!$ext_ref) {
 }
 ?>
 <div id="phototheque" class="clearfix container ">
+    <div class="display--only-mobile">
+        <div class="container-bg abs-full"></div>
+        <?php get_sidebar(); ?>
+    </div>
     <div class="phototheque-content">
 
         <div class="nav-phototeque container gray-bg row fixed">