mobile bug fixes plus sliding menu

static/media/css/core.css

@@ -251,15 +251,16 @@ nav.pagination ul li a {
   #main {
     padding-top: 15px;
   }
+  #main .navbar-form select {
+    margin: 0 auto;
+    display: block;
+  }
   .form-search label,
   .form-inline label,
   .form-search .btn-group,
   .form-inline .btn-group {
     display: block;
   }
-  .filter label {
-    display: none;
-  }
   .navbar .nav-wrap,
   .container,
   .navbar-static-top .container,
@@ -301,16 +302,40 @@ nav.pagination ul li a {
   .navbar .nav-wrap {
     width: 90%;
     margin: 0 auto;
+    border-radius: 5px;
   }
-  .navbar .nav-wrap ul.nav li {
+  .navbar .nav-wrap ul.nav li,
+  .navbar .nav-wrap #dynWrap li,
+  .navbar .nav-wrap ul.nav li.active,
+  .navbar .nav-wrap #dynWrap li.active {
     display: block;
   }
-  .navbar .nav-wrap ul.nav li a {
-    padding: 5px 0;
+  .navbar .nav-wrap ul.nav li a,
+  .navbar .nav-wrap #dynWrap li a,
+  .navbar .nav-wrap ul.nav li.active a,
+  .navbar .nav-wrap #dynWrap li.active a,
+  .navbar .nav-wrap ul.nav li a:visited,
+  .navbar .nav-wrap #dynWrap li a:visited,
+  .navbar .nav-wrap ul.nav li.active a:visited,
+  .navbar .nav-wrap #dynWrap li.active a:visited,
+  .navbar .nav-wrap ul.nav li a:hover,
+  .navbar .nav-wrap #dynWrap li a:hover,
+  .navbar .nav-wrap ul.nav li.active a:hover,
+  .navbar .nav-wrap #dynWrap li.active a:hover {
+    padding: 7px 0;
+    text-transform: capitalize;
+    line-height: 14px;
+    color: #000;
+    text-decoration: none;
+    display: block;
+    font-weight: 400;
   }
   .navbar .nav-wrap ul.nav li:nth-child(even),
+  .navbar .nav-wrap #dynWrap li:nth-child(even),
   .navbar .nav-wrap ul.nav > .active > a,
-  .navbar .nav-wrap ul.nav > .active > a:hover {
+  .navbar .nav-wrap #dynWrap > .active > a,
+  .navbar .nav-wrap ul.nav > .active > a:hover,
+  .navbar .nav-wrap #dynWrap > .active > a:hover {
     border-left: none;
     border-right: none;
   }

static/media/js/custom_logic.js

@@ -43,5 +43,24 @@ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) mob
 		$('li.badges a').append('<span> Badges &</span>');
 		$('li.about a').append('<span> the program</span>')
 		$('li.challenges a').append('<span> your future.</span>');
+	} else {
+		//if(mob) { 
+		var dynWrap = $('<div id="dynWrap" style="display:none;"></div>');
+		var dynList = $('<li id="dyn"></li>');
+		var dynLink = $('<a href="#" title="">Menu</a>').click(function(){
+			$('#dynWrap').slideToggle();
+			return false;
+		});
+
+		$('ul.nav').prepend(dynList.append(dynLink), dynWrap);
+		//dynLink.appendTo(dynWrap.prependTo());
+
+		$('ul.nav li').each(function(){
+			if ($(this).attr("id") != "dyn") {
+        		$(this).appendTo("#dynWrap");
+    		}
+		});
+
+		//}
 	}
 });

static/media/less/core.less

@@ -277,13 +277,16 @@ and (max-width : 599px) {
   	}
   	#main {
   		padding-top:15px;
+  		.navbar-form {
+  			select {
+  				margin:0 auto;
+  				display:block;
+  			}
+  		}
   	}
   	.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
   		display:block;
   	}
-  	.filter label {
-  		display:none;
-  	}
 	.navbar .nav-wrap,
 	.container,
 	.navbar-static-top .container,
@@ -330,11 +333,18 @@ and (max-width : 599px) {
   		.nav-wrap {
   			width:90%;
   			margin:0 auto;
-  			ul.nav {
-  				li {
+ 			border-radius:5px;
+  			ul.nav, #dynWrap {
+  				li, li.active {
   					display:block;
-  					a {
-  						padding: 5px 0;
+  					a, a:visited, a:hover {
+  						padding: 7px 0;
+  						text-transform:capitalize;
+  						line-height:14px;
+  						color:#000;
+  						text-decoration:none;
+  						display:block;
+  						font-weight:400;
   					}
   				}
   				li:nth-child(even),