Mobile adjustments to footer menu

This commit is contained in:
kjodle 2016-02-15 18:32:27 -05:00
parent c56cfd8a51
commit 200956e166
2 changed files with 30 additions and 5 deletions

View File

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

View File

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