diff --git a/js/navigation.js b/js/navigation.js index 584f3f6f..d4f9cf8b 100644 --- a/js/navigation.js +++ b/js/navigation.js @@ -4,10 +4,9 @@ * Handles toggling the navigation menu for small screens. */ ( function() { - var container = document.getElementById( 'site-navigation' ), - button, - menu; + var container, button, menu; + container = document.getElementById( 'site-navigation' ) if ( ! container ) return; @@ -23,6 +22,9 @@ return; } + if ( -1 == menu.className.indexOf( 'nav-menu' ) ) + menu.className += ' nav-menu'; + button.onclick = function() { if ( -1 != container.className.indexOf( 'toggled' ) ) container.className = container.className.replace( ' toggled', '' ); diff --git a/style.css b/style.css index d1299f70..32362729 100644 --- a/style.css +++ b/style.css @@ -441,14 +441,9 @@ a:active { cursor: pointer; } -.main-small-navigation ul { - display: none; -} - @media screen and (max-width: 600px) { .menu-toggle, - .navigation-main.toggled ul.menu, - .navigation-main.toggled div.menu > ul { + .navigation-main.toggled-on .nav-menu { display: block; }