mobile optimization

bower.json

@@ -26,6 +26,7 @@
     "font-awesome": "~4.5.0",
     "animate.css": "animate-css#~3.5.1",
     "malihu-custom-scrollbar-plugin": "~3.1.3",
-    "jquery.browser": "~0.1.0"
+    "jquery.browser": "~0.1.0",
+    "picturefill": "~3.0.2"
   }
 }

src/css/media.css

@@ -137,6 +137,9 @@
 	.modal-holder .modal-content .container {
 		padding-top: 0;
 	}
+	#main-navigation {
+		height: 50px;
+	}
 
 }
 @media screen and (max-width: 570px) {

src/index.html

@@ -425,6 +425,7 @@ <h3 class="type-1">AATSU pop-up 3</h3>
 
 	<script src="../libs/jquery/dist/jquery.min.js"></script>
 	<script src="../libs/jquery.browser/dist/jquery.browser.min.js"></script>
+	<script src="../libs/picturefill/dist/picturefill.min.js"></script>
 	<!-- <script src="../libs/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script> -->
 	<script src="js/scrollpage.js"></script>
 	<script src="js/main.js"></script>

src/js/main.js

@@ -8,7 +8,22 @@ backgrounds = [
 	[12, 11],
 	[14, 13]
 ];
+if (!true) {
+
+	backgrounds = [
+		[2, 1],
+		[4, 3],
+		[6, 5],
+		[7, 8],
+		[9, 10],
+		[12, 11],
+		[14, 13]
+	];
 
+}
+// $(window).on('touchend', function (e) {
+// 	alert( e.target.className )
+// });
 function randomInteger(min, max) {
 
 	var rand = min + Math.random() * (max - min);
@@ -152,6 +167,10 @@ var preloader = {
 				// init custum scroller
 				// $('.modal-container').mCustomScrollbar();
 
+				picturefill({
+					elements: [ document.getElementsByTagName( "img" ) ]
+				});
+
 				$('#contact').on('touchmove', function (e) {
 					e.stopPropagation();
 				});