From: vincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Mon, 7 Sep 2015 07:18:53 +0000 (+0000)
Subject: Mini header fix on small screens
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9c564f3a513bb0a8de6837d59502d8495b0e837d;p=cubedesigners-v7.git

Mini header fix on small screens
---

diff --git a/less/header.less b/less/header.less
index 828790c..467661b 100644
--- a/less/header.less
+++ b/less/header.less
@@ -50,9 +50,6 @@ header {
 	.logo {
 		position: absolute;
 		top: 36px;
-        transition: none;
-        white-space: nowrap; // Stops img elements wrapping under each other in IE.
-
 		img {
 			width: auto;
 		}
@@ -63,7 +60,7 @@ header {
 	}
 
 	.navigation {
-		margin: 59px 0 0;
+		margin: 57px 0 0;
 		float: right;
 		li {
 			margin: 0 20px 0 0;
@@ -72,6 +69,10 @@ header {
 			}
 		}
 	}
+
+	position: fixed;
+	top: 0px;
+	width: 100%;
 }
 
 #headerPlaceholder {
@@ -173,8 +174,8 @@ header {
 	}
 
 	nav[role=navigation].active {
-		max-height: 26em;
-		padding: 65px 0 30px 0;
+		max-height: 16em;
+		padding: 135px 0 20px 0;
 		box-sizing: content-box;
 	}
 
@@ -184,8 +185,6 @@ header {
 		float: none;
 		text-align: center;
 		position: relative;
-        font-size: 32px;
-        line-height: 1.7;
 
 		li {
 			float: none;
@@ -197,6 +196,7 @@ header {
 		}
 
 		a {
+			color: #fff !important;
 			display: block;
 			&:hover {
 				border-radius: 0;
diff --git a/less/home.less b/less/home.less
index 7915f54..cd4f2bf 100644
--- a/less/home.less
+++ b/less/home.less
@@ -173,7 +173,7 @@ nav.active[role="navigation"] {
     h3 {
       font-size: 16px;
     }
-    
+
     a {
       width: 32.5%;
       max-width: 318px;