Main menu mobile color changes

This commit is contained in:
kjodle 2016-02-16 20:38:55 -05:00
parent 317b5a9cc1
commit dcd21e89db

View File

@ -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 */