[Responsive]Page stories

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

@@ -172,6 +172,7 @@ input[type=file] {
   background: transparent;
   cursor: inherit;
   display: block;
+  line-height: 25px;
 }
 ::-webkit-input-placeholder { color:#232E7C ! important; font-size: 11px;opacity: 0.5}
 ::-moz-placeholder { color:#232E7C !important ; font-size: 11px;opacity: 0.5}
@@ -1605,18 +1606,20 @@ label.chevron.bottom::first-letter {
 #fullpage .chevron{
   position: fixed;
   bottom: 10%;
-  left: 50%;
+  /*left: 50%;
   transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
-  -o-transform: translateX(-50%);
+  -o-transform: translateX(-50%);*/
   background: #FF6A5F;
   width: 57px;
   height: 57px;
   border-radius: 50%;
   cursor: pointer;
   z-index: 999;
+    right: 0px;
+    margin: 0px auto;
 }
 #fullpage .chevron.bottom::after{
   color: #fff;
@@ -2091,6 +2094,9 @@ label.chevron.bottom::first-letter {
 .coord{
   margin-bottom: 26px;
 }
+.Fichier{
+  display: block;
+}
 /* --------------*/ /* ---------->>> Contact <<<-----------*/ /* --------------*/
 .contact-wrapper .left-panel{
   width: 36%;

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

@@ -69,10 +69,13 @@
 		width: 65%;
 	}
 	/*Uniqpaper*/
-
 	.form-wrapper {
 		padding: 80px 20px 20px;
 	}
+	/* Stories */
+	.section .bloc{
+		max-width: 75%;
+	}
 }
 /* ------------------------*/ /* ---------->>> 1024 <<<-----------*/ /* ------------------------*/
 
@@ -208,6 +211,40 @@
 		margin-top: 6px;
 		padding: 20px 16px;
 	}
+	/* Stories */
+	.section .bloc{
+		max-height: 65%;
+		    bottom: calc(30% + 30px);
+	}
+	.bloc .desc-content{
+		max-height: 50vh;
+		overflow: auto;
+	}
+	.bloc h2{
+		font-size: 30px;
+		line-height: 36px;
+	}
+	.desc-content p,
+	.desc-content h3{
+		display: block;
+		width: 100%;
+	}
+	.desc-content h3{
+		margin-bottom: 15px;
+	}
+	#fullpage .chevron{
+		left: 0 !important;
+		height: 25px;
+		width: 25px;
+		bottom: 30px;
+	}
+	.chevron::after{
+		height: 5px;
+		width: 5px;
+	}
+	#fullpage .chevron.bottom::after {
+		margin-top: 6px; 
+	}
 	/* form */
 	.form-wrapper{
 		padding: 23px 20px 20px;

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

@@ -267,6 +267,7 @@ $('.footer-home-content').on('click','.home-down:not(.scrolled)',function(e){
 			controlArrows: true,
 			fitToSectionDelay: 800000,
 			fadingEffect: true,
+			normalScrollElements : ".section .bloc",
 			afterLoad: function(anchor, index){
 				tl1 = new TimelineMax();
 				var firstSection = $("#fullpage .section.first");
@@ -359,7 +360,8 @@ $.fn.getMenuBg = function(){
 		if (lastSectionHeight < windowHeight - footerHeight)
 			$('#catalogue .panel-content section').last().height(2 * windowHeight/3 - footerHeight );
 		if (windowWidth > 860){
-			$('.container-bg').css({'height':'100%'});
+			$('#fullpage .chevron').css('left',navMenuWidth);
+			$('.container-bg').css({'height':'100%' , 'width' : navMenuWidth});
 			$('.main').css('padding-top',0);
 		}else{
 			$('.main').css('padding-top',navHeight);