]> _ Git - cubedesigners-v7.git/commitdiff
Fix mobile header zindex
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Wed, 29 Jul 2015 15:57:05 +0000 (15:57 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Wed, 29 Jul 2015 15:57:05 +0000 (15:57 +0000)
less/header.less

index 0ec8af062577dbaaa2eb33059b06148079318d97..c8dda5fdf4ff18541b31a0ed8065b58bf3d2f94c 100644 (file)
@@ -86,6 +86,11 @@ header {
 
 @media screen and (max-width: 890px) {
 
+       .logo {
+               top: 30px;
+               left: 30px;
+       }
+
        // Nav-icon from: http://w3bits.com/animated-menu-icon-css/
        .nav-icon {
                //margin: 1em;
@@ -105,7 +110,7 @@ header {
        .nav-icon:after,
        .nav-icon:before,
        .nav-icon div {
-               background-color: @yellow;
+               background-color: #fff;
                border-radius: 3px;
                content: '';
                display: block;
@@ -146,10 +151,11 @@ header {
        #header {
                height: auto;
                min-height: 130px;
+               z-index: 10;
        }
 
        nav[role=navigation] {
-               background-color: #202020;
+               background-color: #222428;
                //margin: 0 -20px; // To offset the 20px margin from .content
        }
 
@@ -174,10 +180,15 @@ header {
                padding: 0;
                float: none;
                text-align: center;
+               position: relative;
 
                li {
                        float: none;
                        margin: 0;
+
+                       a {
+                               border: none !important;
+                       }
                }
 
                a {