Mobile adjustments to footer menu

styles/menumaker.css

@@ -353,6 +353,7 @@
 }
 #aboveheadermenu.small-screen.select-list {
   padding: 5px;
+	background: #333;
 }
 
 
@@ -430,7 +431,7 @@
   width: 8px;
   height: 2px;
   display: block;
-  background: #dddddd;
+	background: #333;
   content: '';
 }
 #belowheadermenu > ul > li.has-sub > a:before {
@@ -440,7 +441,7 @@
   display: block;
   width: 2px;
   height: 8px;
-  background: #dddddd;
+	background: #333;
   content: '';
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
@@ -448,6 +449,10 @@
   -o-transition: all .25s ease;
   transition: all .25s ease;
 }
+#belowheadermenu > ul > li.has-sub:hover > a:after,
+#belowheadermenu > ul > li.has-sub:hover > a:before {
+	background: #ddd;
+}
 #belowheadermenu > ul > li.has-sub:hover > a:before {
   top: 23px;
   height: 0;
@@ -705,6 +710,7 @@
 
 
 /* Footer Menu */
+/* Mobile menu items moved to mobile.css */
 
 #footermenu li.current-menu-item a {
 	color: #333;
@@ -739,7 +745,7 @@
   display: none;
 }
 #footermenu {
-	font-family: "IM Fell English", serif;
+  font-family: 'IM Fell English', sans-serif;
   background: #333333;
 }
 #footermenu > ul > li {

styles/mobile.css

@@ -14,6 +14,11 @@ body > header {
 	color: #fff;
 }
 
+textarea {
+	width: auto;
+	max-width: 100%;
+}
+
 #container {
 	width: 100%;
 	max-width: auto;
@@ -52,6 +57,7 @@ body > header {
 body > footer {
 	background: #333;
 	color: #fff;
+	padding-bottom: 2em;
 }
 
 #footer-menu {
@@ -64,8 +70,21 @@ body > footer {
 	padding: 0.5em;
 	width: auto;
 	text-align: center;
+	margin-bottom: 0;
 }
 
 
-/* Menumaker
-   Adjust as needed */
+/* Mobile Menu Adjustments */
+
+#aboveheadermenu {
+	border-bottom: none;
+}
+
+#footer-menu {
+	border-bottom: solid 1px #555;
+}
+/*
+#footermenu li.current-menu-item a {
+	color: #333;
+}
+*/