From 8b3b1205446742c44c37c8d581c2f19a2e9fad16 Mon Sep 17 00:00:00 2001
From: Jos Poortvliet <jospoortvliet@gmail.com>
Date: Wed, 11 Jan 2017 19:42:34 +0100
Subject: menu to custom, hide on mobile

---
 assets/css/custom.css      | 78 +++++++++++++++++++++++++---------------------
 assets/css/custom.scss     | 59 +++++++++++++++++++++++++++++++++++
 assets/css/enterprise.css  | 36 ---------------------
 assets/css/enterprise.scss | 55 --------------------------------
 page-buy.php               |  2 +-
 page-enterprise.php        |  2 +-
 page-pricing.php           |  2 +-
 7 files changed, 104 insertions(+), 130 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index da6698a7..9a32cd62 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1456,42 +1456,6 @@ footer.page-footer {
   overflow: hidden;
   zoom: 0.55; }
 
-.enterprise-menu .menu {
-  background: #fbfbfb;
-  height: 70px;
-  border-bottom: solid 1px #e4e4e4;
-  border-top: solid 1px #e4e4e4;
-  text-transform: uppercase;
-  vertical-align: middle;
-  z-index: 5; }
-  .enterprise-menu .menu .buttons {
-    font-weight: 600;
-    margin-top: 23px; }
-    .enterprise-menu .menu .buttons a {
-      padding-right: 10px;
-      color: gray; }
-      .enterprise-menu .menu .buttons a:focus {
-        text-decoration: none;
-        color: black; }
-      .enterprise-menu .menu .buttons a:hov .enterprise-menu .menu .buttons a:active {
-        text-decoration: none;
-        color: black; }
-      .enterprise-menu .menu .buttons a:hover {
-        text-decoration: none;
-        color: black; }
-    .enterprise-menu .menu .buttons .btn-primary {
-      float: right;
-      font-size: 14px;
-      padding: 8px 20px;
-      margin-left: 20px;
-      margin-top: -5px;
-      color: white; }
-      .enterprise-menu .menu .buttons .btn-primary:hover {
-        text-decoration: none;
-        color: white; }
-      .enterprise-menu .menu .buttons .btn-primary:before {
-        background: none; }
-
 .what-you-get-section {
   background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
   background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);
@@ -2551,6 +2515,48 @@ li {
   margin-right: auto;
   max-width: 1800px; }
 
+/* second header like on enterprise pages */
+.second-menu {
+  /* 	Hide on mobile */ }
+  .second-menu .menu {
+    background: #fbfbfb;
+    height: 70px;
+    border-bottom: solid 1px #e4e4e4;
+    border-top: solid 1px #e4e4e4;
+    text-transform: uppercase;
+    vertical-align: middle;
+    z-index: 5; }
+    @media (max-width: 991px) {
+      .second-menu .menu {
+        display: none; } }
+    .second-menu .menu .buttons {
+      font-weight: 600;
+      margin-top: 23px; }
+      .second-menu .menu .buttons a {
+        padding-right: 10px;
+        color: gray; }
+        .second-menu .menu .buttons a:focus {
+          text-decoration: none;
+          color: black; }
+        .second-menu .menu .buttons a:hov .second-menu .menu .buttons a:active {
+          text-decoration: none;
+          color: black; }
+        .second-menu .menu .buttons a:hover {
+          text-decoration: none;
+          color: black; }
+      .second-menu .menu .buttons .btn-primary {
+        float: right;
+        font-size: 14px;
+        padding: 8px 20px;
+        margin-left: 20px;
+        margin-top: -5px;
+        color: white; }
+        .second-menu .menu .buttons .btn-primary:hover {
+          text-decoration: none;
+          color: white; }
+        .second-menu .menu .buttons .btn-primary:before {
+          background: none; }
+
 /* typical background images (hero section) like enterprise, security */
 .background {
   padding-bottom: 0;
diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index c2a70cd0..bccbbf06 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -404,6 +404,65 @@ li {
 }
 
 
+/* second header like on enterprise pages */
+.second-menu {
+/* 	Hide on mobile */
+	.menu {
+		@media (max-width: $break-big) {
+			display: none;
+		}
+		background: #fbfbfb;
+		height: 70px;
+		border-bottom: solid 1px #e4e4e4;
+		border-top: solid 1px #e4e4e4;
+		text-transform: uppercase;
+		vertical-align: middle;
+		z-index: 5;
+		.buttons {
+			font-weight: 600;
+			margin-top: 23px;
+			a {
+				padding-right: 10px;
+				color: gray;
+				
+				&:focus {
+					text-decoration: none;
+					color: black;
+				}
+
+				&:hov &:active {
+					text-decoration: none;
+					color: black;
+				}
+
+				&:hover {
+					text-decoration: none;
+					color: black;
+				}
+			}
+
+			.btn-primary {
+				float: right;
+				font-size: 14px;
+				padding: 8px 20px;
+				margin-left: 20px;
+				margin-top: -5px;
+				color: white;
+
+				&:hover {
+					text-decoration: none;
+					color: white;
+				}
+
+				&:before {
+					background: none;
+				}
+			}
+		}
+	}
+}
+
+
 /* typical background images (hero section) like enterprise, security */
 .background {
   padding-bottom: 0;
diff --git a/assets/css/enterprise.css b/assets/css/enterprise.css
index 37dae7ce..abc8e6b9 100644
--- a/assets/css/enterprise.css
+++ b/assets/css/enterprise.css
@@ -36,42 +36,6 @@
   overflow: hidden;
   zoom: 0.55; }
 
-.enterprise-menu .menu {
-  background: #fbfbfb;
-  height: 70px;
-  border-bottom: solid 1px #e4e4e4;
-  border-top: solid 1px #e4e4e4;
-  text-transform: uppercase;
-  vertical-align: middle;
-  z-index: 5; }
-  .enterprise-menu .menu .buttons {
-    font-weight: 600;
-    margin-top: 23px; }
-    .enterprise-menu .menu .buttons a {
-      padding-right: 10px;
-      color: gray; }
-      .enterprise-menu .menu .buttons a:focus {
-        text-decoration: none;
-        color: black; }
-      .enterprise-menu .menu .buttons a:hov .enterprise-menu .menu .buttons a:active {
-        text-decoration: none;
-        color: black; }
-      .enterprise-menu .menu .buttons a:hover {
-        text-decoration: none;
-        color: black; }
-    .enterprise-menu .menu .buttons .btn-primary {
-      float: right;
-      font-size: 14px;
-      padding: 8px 20px;
-      margin-left: 20px;
-      margin-top: -5px;
-      color: white; }
-      .enterprise-menu .menu .buttons .btn-primary:hover {
-        text-decoration: none;
-        color: white; }
-      .enterprise-menu .menu .buttons .btn-primary:before {
-        background: none; }
-
 .what-you-get-section {
   background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
   background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);
diff --git a/assets/css/enterprise.scss b/assets/css/enterprise.scss
index 098fbbe7..94cee7cf 100644
--- a/assets/css/enterprise.scss
+++ b/assets/css/enterprise.scss
@@ -39,61 +39,6 @@
   }
 }
 
-.enterprise-menu {
-	  .menu {
-	background: #fbfbfb;
-	height: 70px;
-	border-bottom: solid 1px #e4e4e4;
-	border-top: solid 1px #e4e4e4;
-	text-transform: uppercase;
-	vertical-align: middle;
-	z-index: 5;
-
-	.buttons {
-		font-weight: 600;
-		margin-top: 23px;
-		
-    a {
-			padding-right: 10px;
-			color: gray;
-			
-      &:focus {
-				text-decoration: none;
-				color: black;
-			}
-
-			&:hov &:active {
-				text-decoration: none;
-				color: black;
-			}
-
-			&:hover {
-				text-decoration: none;
-				color: black;
-			}
-		}
-
-		.btn-primary {
-			float: right;
-			font-size: 14px;
-			padding: 8px 20px;
-			margin-left: 20px;
-			margin-top: -5px;
-			color: white;
-
-			&:hover {
-				text-decoration: none;
-				color: white;
-			}
-
-			&:before {
-				background: none;
-		}
-		}
-	}
-   }
-}
-
 .what-you-get-section {
     background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
     background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);
diff --git a/page-buy.php b/page-buy.php
index add30190..622877fa 100644
--- a/page-buy.php
+++ b/page-buy.php
@@ -1,6 +1,6 @@
 <script src='https://www.google.com/recaptcha/api.js'></script>
 <script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
-<section class="buy-hero-section enterprise-menu">
+<section class="buy-hero-section second-menu">
 	<div class="container-fluid background buy-background">
 		<div class="container">
 			<div class="row">
diff --git a/page-enterprise.php b/page-enterprise.php
index c2c65f6f..7be54c05 100644
--- a/page-enterprise.php
+++ b/page-enterprise.php
@@ -1,5 +1,5 @@
 <script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
-<section class="enterprise-hero-section enterprise-menu">
+<section class="enterprise-hero-section second-menu">
 	<div class="container-fluid background"> 
 		<div class="container">
 			<div class="col-md-6 topheader">
diff --git a/page-pricing.php b/page-pricing.php
index 1193c17b..19b30f4e 100644
--- a/page-pricing.php
+++ b/page-pricing.php
@@ -1,5 +1,5 @@
 <script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
-<section class="pricing-hero-section enterprise-menu">
+<section class="pricing-hero-section second-menu">
 	<div class="background pricing-background"> 
 		<div class="container">
 			<div class="row">
-- 
cgit v1.2.3