Twenty Twelve Move Menu Under Header

Viewing 9 replies - 1 through 9 (of 9 total)
  • Ayman

    (@aymanalzarrad)

    1. Open up the header.php file
    2. Using your browser search tool, Search for nav id="site-navigation"
    3. Once you locate that note the opening tag which is <nav .... and note the closing tag which should be </nav>
    4. Select everything from <nav... till </nav> and cut that code(This is our navigation menu)
    5. With your browser search tool search for </header>
    6. once you locate that, past the "nav" code right above </header>
    7. Save changes and you are good to go.

    Thread Starter jorville

    (@jorville)

    Isn’t working for me. I did that exact thing in the child theme. I left the parent theme alone though. It’s in the pastebin if that helps. Thanks!

    You don’t have a child theme active on your site – did you activate it after creating it?

    Thread Starter jorville

    (@jorville)

    I guess I missed that step. ?? So, if I activate the child theme, the parent theme doesn’t show up anymore and the site looks bad. I just activated it so you can go to the site to see what I mean. Thanks for your help!

    You are missing this line in the child theme style.css file:

    @import url("../twentytwelve/style.css");

    It goes below the line with:
    */

    Thread Starter jorville

    (@jorville)

    THANK YOU! It’s working now.

    Cool! I like your header graphic a lot!

    Thread Starter jorville

    (@jorville)

    Thanks!

    Hi there!

    I’ve been reading all the support on this topic and tried a lot, but, no changes ??
    It’s been my second night figuring it out, so I think it’s time to call in some help.

    Perhaps someone sees what I did wrong? I copied the header.php to the child theme, changes the sequence and also activated the child theme. Still the menu is above the header. It’s a website for my dad https://www.johannesdelint.com.

    __________________________________________________________________________________
    This is the code:

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id=”main”>
    *
    * @package WordPress
    * @subpackage Twenty_Twelve
    * @since Twenty Twelve 1.0
    */
    ?><!DOCTYPE html>
    <!–[if IE 7]>
    <html class=”ie ie7″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if IE 8]>
    <html class=”ie ie8″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if !(IE 7) | !(IE 8) ]><!–>
    <html <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
    <meta name=”viewport” content=”width=device-width” />
    <title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
    <link rel=”profile” href=”https://gmpg.org/xfn/11&#8243; />
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
    <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
    <!–[if lt IE 9]>
    <script src=”<?php echo get_template_directory_uri(); ?>/js/html5.js” type=”text/javascript”></script>
    <![endif]–>
    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <div id=”page” class=”hfeed site”>
    <header id=”masthead” class=”site-header” role=”banner”>
    <hgroup>
    <h1 class=”site-title”>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></h1>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </hgroup>

    <!– #site-navigation –>

    <?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
    “><img src=”<?php echo esc_url( $header_image ); ?>” class=”header-image” width=”<?php echo get_custom_header()->width; ?>” height=”<?php echo get_custom_header()->height; ?>” alt=”” />
    <?php endif; ?>
    <nav id=”site-navigation” class=”main-navigation” role=”navigation”>
    <h3 class=”menu-toggle”><?php _e( ‘Menu’, ‘twentytwelve’ ); ?></h3>
    “><?php _e( ‘Skip to content’, ‘twentytwelve’ ); ?>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘menu_class’ => ‘nav-menu’ ) ); ?>
    </nav>
    </header><!– #masthead –>
    <div id=”main” class=”wrapper”>

    ___________________________________________________________________________

    Thanks a lot for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Twenty Twelve Move Menu Under Header’ is closed to new replies.