WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[resolved] Header Below Menu (3 posts)

  1. clindsey
    Member
    Posted 1 year ago #

    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!

  2. alchymyth
    Forum Moderator
    Posted 1 year ago #

    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 -->
  3. clindsey
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic