From dcd21e89dbd62cae6fd071d7d3fec216b708d029 Mon Sep 17 00:00:00 2001 From: kjodle Date: Tue, 16 Feb 2016 20:38:55 -0500 Subject: [PATCH] Main menu mobile color changes --- styles/menumaker.css | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/styles/menumaker.css b/styles/menumaker.css index fcfc579..2fa69d5 100644 --- a/styles/menumaker.css +++ b/styles/menumaker.css @@ -559,6 +559,7 @@ #belowheadermenu.small-screen ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); + background: #333; } #belowheadermenu.small-screen ul ul li, #belowheadermenu.small-screen li:hover > ul > li { @@ -568,6 +569,7 @@ #belowheadermenu.small-screen ul ul li a { width: 100%; border-bottom: 0; + color: #eee; } #belowheadermenu.small-screen > ul > li { float: none; @@ -604,10 +606,10 @@ #belowheadermenu.small-screen #menu-button { display: block; padding: 17px; - color: #dddddd; + color: #eee; + background: #333; cursor: pointer; font-size: 12px; - text-transform: uppercase; font-weight: 700; } #belowheadermenu.small-screen #menu-button:after { @@ -709,6 +711,26 @@ padding: 5px; } +#belowheadermenu.small-screen ul li.current-menu-item { + background: #eee; +} +#belowheadermenu.small-screen ul li.current-menu-item a { + color: #333; +} +#belowheadermenu.small-screen ul li.current-menu-item:hover { + background: #333; +} +#belowheadermenu.small-screen ul li.current-menu-item:hover a { + color: #eee; +} + +#belowheadermenu.small-screen ul ul li.current-menu-item { + background: #eee; +} +#belowheadermenu.small-screen ul ul li.current-menu-item a { + color: #333; +} + /* Footer Menu */ /* Mobile menu items moved to mobile.css */