Support » Theme: Twenty Twelve » Header Below Menu

  • Resolved clindsey

    (@clindsey)


    I just noticed that when I add a header image to the Twenty Twelve theme, it puts the header image below the standard menu. Is this the expected behavior? I’m used to the typical WordPress header, with site name, description, header image, then menu. Is there an easy way to change this (I’m hoping I’m just missing a setting somewhere)? Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • no setting – you would need to start with creating a child theme of Twenty Twelve; http://codex.wordpress.org/Child_Themes

    then edit a copy of header.php within the child theme, and move this section:

    <nav id="site-navigation" class="main-navigation" role="navigation">
    			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
    			<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>
    			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    		</nav><!-- #site-navigation -->

    to just above this line:

    </header><!-- #masthead -->

    Thanks a bunch, I popped this change right into my child theme and it worked without (it appears) breaking the mobile-ready look. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Below Menu’ is closed to new replies.