gribse/achille-press
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace small-menu.js with navigation.js inspired by Twenty Twelve.

Browse source 
Doesn't use jQuery, slightly easier to understand, uses a media query for max-width, rather than JS events making it faster to respond.
This commit is contained in:
Konstantin Kovshenin 2012-09-03 21:45:28 +04:00
parent 7fef5cd2ec
commit 22e1613bde
5 changed files with 48 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

14
style.css
View file

@ -405,12 +405,24 @@ a:active {
/* Small menu */
.menu-toggle {
display: none;
cursor: pointer;
}
.main-small-navigation .menu {
.main-small-navigation ul {
display: none;
}
@media screen and (max-width: 600px) {
.menu-toggle,
.main-small-navigation ul.nav-menu.toggled-on {
display: block;
}
.main-navigation ul {
display: none;
}
}
/* =Content
----------------------------------------------- */