Browse Source

Fixes toggle menu missing style and nav font size.

Jeffrey Pearce 6 years ago
parent
commit
d843e6b84a
3 changed files with 44 additions and 0 deletions
  1. 6 0
      stow/sass/_extra-child-theme.scss
  2. 22 0
      stow/style-rtl.css
  3. 16 0
      stow/style.css

+ 6 - 0
stow/sass/_extra-child-theme.scss

@@ -133,6 +133,7 @@ a {
 					}
 				}
 				@include media(mobile) {
+					padding-left: 0;
 					list-style-type: disc;
 					&.current-menu-item {
 						a {
@@ -141,6 +142,7 @@ a {
 					}
 					a {
 						color: #{map-deep-get($config-global, "color", "white")};
+						font-size: #{map-deep-get($config-global, "font", "size", "sm")};
 						&:hover {
 							color: #{map-deep-get($config-global, "color", "secondary", "hover")};
 						}
@@ -197,8 +199,12 @@ a {
 			&:visited {
 				text-decoration: none;
 			}
+			@include media(mobile) {
+				display: none;
+			}
 		}
 		
+		
 	}
 }
 

+ 22 - 0
stow/style-rtl.css

@@ -293,6 +293,10 @@ a {
 	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
+#site-navigation.main-navigation ul li {
+	padding-right: 16px;
+}
+
 #site-navigation.main-navigation ul li.current-menu-item a {
 	color: #4f4f4f;
 }
@@ -315,6 +319,7 @@ a {
 	}
 	#site-navigation.main-navigation ul li a {
 		color: white;
+		font-size: 0.83333rem;
 	}
 	#site-navigation.main-navigation ul li a:hover {
 		color: #4f4f4f;
@@ -363,6 +368,12 @@ a {
 	text-decoration: none;
 }
 
+@media only screen and (min-width: 560px) {
+	#site-navigation.main-navigation #toggle-menu {
+		display: none;
+	}
+}
+
 /**
  * 5. Footer
  */
@@ -3584,6 +3595,10 @@ a {
 	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
+#site-navigation.main-navigation ul li {
+	padding-right: 16px;
+}
+
 #site-navigation.main-navigation ul li.current-menu-item a {
 	color: #4f4f4f;
 }
@@ -3606,6 +3621,7 @@ a {
 	}
 	#site-navigation.main-navigation ul li a {
 		color: white;
+		font-size: 0.83333rem;
 	}
 	#site-navigation.main-navigation ul li a:hover {
 		color: #4f4f4f;
@@ -3654,6 +3670,12 @@ a {
 	text-decoration: none;
 }
 
+@media only screen and (min-width: 560px) {
+	#site-navigation.main-navigation #toggle-menu {
+		display: none;
+	}
+}
+
 /**
  * 5. Footer
  */

+ 16 - 0
stow/style.css

@@ -312,6 +312,7 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation.main-navigation ul li {
+		padding-left: 0;
 		list-style-type: disc;
 	}
 	#site-navigation.main-navigation ul li.current-menu-item a {
@@ -319,6 +320,7 @@ a {
 	}
 	#site-navigation.main-navigation ul li a {
 		color: white;
+		font-size: 0.83333rem;
 	}
 	#site-navigation.main-navigation ul li a:hover {
 		color: #4f4f4f;
@@ -367,6 +369,12 @@ a {
 	text-decoration: none;
 }
 
+@media only screen and (min-width: 560px) {
+	#site-navigation.main-navigation #toggle-menu {
+		display: none;
+	}
+}
+
 /**
  * 5. Footer
  */
@@ -3612,6 +3620,7 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation.main-navigation ul li {
+		padding-left: 0;
 		list-style-type: disc;
 	}
 	#site-navigation.main-navigation ul li.current-menu-item a {
@@ -3619,6 +3628,7 @@ a {
 	}
 	#site-navigation.main-navigation ul li a {
 		color: white;
+		font-size: 0.83333rem;
 	}
 	#site-navigation.main-navigation ul li a:hover {
 		color: #4f4f4f;
@@ -3667,6 +3677,12 @@ a {
 	text-decoration: none;
 }
 
+@media only screen and (min-width: 560px) {
+	#site-navigation.main-navigation #toggle-menu {
+		display: none;
+	}
+}
+
 /**
  * 5. Footer
  */