Ticket #21562: 21562.4.diff
File 21562.4.diff, 2.5 KB (added by , 8 years ago) |
---|
-
wp-content/themes/twentytwelve/style.css
534 534 .main-navigation .menu { 535 535 display: none; 536 536 } 537 .main-navigation .menu.toggled-on, 537 538 .menu-toggle { 538 539 display: inline-block; 539 540 } … … 1548 1549 .site-content nav, 1549 1550 .widget-area, 1550 1551 img.header-image, 1551 nav.site-navigation {1552 .main-navigation { 1552 1553 display: none; 1553 1554 } 1554 1555 .wrapper { -
wp-content/themes/twentytwelve/js/navigation.js
3 3 * 4 4 * Handles toggling the navigation menu for small screens. 5 5 */ 6 ( function() { 7 var button = document.getElementById( 'site-navigation' ).getElementsByTagName( 'h3' )[0], 8 menu = document.getElementById( 'site-navigation' ).getElementsByTagName( 'ul' )[0]; 6 9 7 jQuery( document ).ready( function( $) {8 if ( ! $( '#masthead .menu' ).children().length) {9 $( '#masthead .menu-toggle' ).hide();10 }11 12 $( '.menu-toggle' ).off( 'click' ).click( function() {13 $( '#masthead .menu' ).stop().slideToggle();14 $( this ).toggleClass( 'toggled-on' );15 } );16 } ) ;17 No newline at end of file 10 button.onclick = function() { 11 if ( button.className.match( new RegExp( '(\\s|^)toggled-on(\\s|$)' ) ) ) { 12 button.className = 'menu-toggle'; 13 menu.className = 'menu'; 14 } else { 15 button.className= 'menu-toggle toggled-on'; 16 menu.className = 'menu toggled-on'; 17 } 18 }; 19 } )(); 20 No newline at end of file -
wp-content/themes/twentytwelve/header.php
35 35 <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> 36 36 </hgroup> 37 37 38 <nav class="site-navigationmain-navigation" role="navigation">38 <nav id="site-navigation" class="main-navigation" role="navigation"> 39 39 <h3 class="menu-toggle"><?php _e( 'Show menu', 'twentytwelve' ); ?></h3> 40 40 <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div> 41 41 <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>