kjodle/atticus-finch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Main menu mobile color changes

Browse Source
This commit is contained in:
kjodle 2016-02-16 20:38:55 -05:00
parent 317b5a9cc1
commit dcd21e89db
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
styles/menumaker.css
View File

@ -559,6 +559,7 @@
#belowheadermenu.small-screen ul li { #belowheadermenu.small-screen ul li {
width: 100%; width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2); border-top: 1px solid rgba(120, 120, 120, 0.2);
background: #333;
} }
#belowheadermenu.small-screen ul ul li, #belowheadermenu.small-screen ul ul li,
#belowheadermenu.small-screen li:hover > ul > li { #belowheadermenu.small-screen li:hover > ul > li {
@ -568,6 +569,7 @@
#belowheadermenu.small-screen ul ul li a { #belowheadermenu.small-screen ul ul li a {
width: 100%; width: 100%;
border-bottom: 0; border-bottom: 0;
color: #eee;
} }
#belowheadermenu.small-screen > ul > li { #belowheadermenu.small-screen > ul > li {
float: none; float: none;
@ -604,10 +606,10 @@
#belowheadermenu.small-screen #menu-button { #belowheadermenu.small-screen #menu-button {
display: block; display: block;
padding: 17px; padding: 17px;
color: #dddddd; color: #eee;
background: #333;
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
text-transform: uppercase;
font-weight: 700; font-weight: 700;
} }
#belowheadermenu.small-screen #menu-button:after { #belowheadermenu.small-screen #menu-button:after {
@ -709,6 +711,26 @@
padding: 5px; 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 */ /* Footer Menu */
/* Mobile menu items moved to mobile.css */ /* Mobile menu items moved to mobile.css */