Megamenu Mobile Fixes

weblab · Nov 12, 2015 · bbea197 · bbea197
1 parent 67a12f5
commit bbea197
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 9 deletions.
diff --git a/css/megamenu-cornerstone-base.css b/css/megamenu-cornerstone-base.css
@@ -1,3 +1,13 @@
+#megamenu-wrapper {
+	background: #dbdbdb;
+  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
+  background: -moz-linear-gradient(top, #ebebeb, #dbdbdb);
+  background: -ms-linear-gradient(top, #ebebeb, #dbdbdb);
+  background: -o-linear-gradient(top, #ebebeb, #dbdbdb);
+  background: linear-gradient(to bottom, #ebebeb, #dbdbdb);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dbdbdb');
+}
+
 #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul, #mega-menu-wrap-primary #mega-menu-primary li, #mega-menu-wrap-primary #mega-menu-primary p, #mega-menu-wrap-primary #mega-menu-primary img, #mega-menu-wrap-primary #mega-menu-primary div, #mega-menu-wrap-primary #mega-menu-primary a {
   color: #474747;
   font-family: inherit;
@@ -562,13 +572,7 @@
   z-index: 1;
   cursor: pointer;
   text-align: right;
-  background: #dbdbdb;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
-  background: -moz-linear-gradient(top, #ebebeb, #dbdbdb);
-  background: -ms-linear-gradient(top, #ebebeb, #dbdbdb);
-  background: -o-linear-gradient(top, #ebebeb, #dbdbdb);
-  background: linear-gradient(to bottom, #ebebeb, #dbdbdb);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dbdbdb');
+
   -webkit-border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   -ms-border-radius: 2px 2px 2px 2px;

diff --git a/sass/_nav.scss b/sass/_nav.scss
@@ -171,6 +171,16 @@ $nav-z: 9999;
 }
 #megamenu-mobile-title {
 	font-size:1.3em;
-	padding:.8em;
+	padding:.8em 90px .8em .8em;
 	margin:0;
+}
+.mega-menu-toggle {
+	position:absolute;
+	right:0;
+	top:-3.2em;
+}
+
+#megamenu-mobile-title a,
+#megamenu-mobile-title a:hover {
+	color:	$site-title-color;
 }
diff --git a/style.css b/style.css
@@ -5831,9 +5831,18 @@ button.close {
 
 #megamenu-mobile-title {
   font-size: 1.3em;
-  padding: .8em;
+  padding: .8em 90px .8em .8em;
   margin: 0; }
 
+.mega-menu-toggle {
+  position: absolute;
+  right: 0;
+  top: -3.2em; }
+
+#megamenu-mobile-title a,
+#megamenu-mobile-title a:hover {
+  color: black; }
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Header Image 
 - - - - - - - - - - - - - - - - - - - */