WordPress.org

Support

Support » Themes and Templates » Twenty Eleven: Move menu on top of header

Twenty Eleven: Move menu on top of header

  • Hello everyone,

    In Twenty Eleven, how can I move the standard menu bar so it is resting on top of the header image, instead of being nestled below it?

    I appreciate any help you might be able to send.

    Thank you.

Viewing 13 replies - 1 through 13 (of 13 total)
  • esmi
    Forum Moderator

    @esmi

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes.

    But how can I move the menu bar to rest on top of the header image?

    esmi
    Forum Moderator

    @esmi

    Have you created and activated a child theme yet?

    I have created and activated a child theme now, although I had already edited the old one directly.

    How does one move the menu so that it rests on top of the header image?

    esmi
    Forum Moderator

    @esmi

    If you edited the original Twenty Eleven theme, you need to re-upload a fresh copy to wp-content/themes using FTP.

    Now that I am using a child theme, why am I getting errors when trying to use the editor? Every time I modify a php file it tells me it can’t find the next page, instead of redirecting me back to the editor.

    esmi
    Forum Moderator

    @esmi

    Sounds like there’s a problem in your child theme. Download a fresh basic Twenty Eleven child theme

    I copied my old Twenty Eleven, which worked perfectly, renamed it, and then I had my new theme. Did I miss a step?

    esmi
    Forum Moderator

    @esmi

    You never answered the question.

    smoker450
    Member

    @smoker450

    ^^^^^^I know, right? what gives. I got my child theme going good, what code do I need to put in the style.css file?

    The child themes are good practice because you can change the aspect of your parent theme without change his files, but is a little hard the first time if you are a begginer on wordpress.

    To answers your question just edit the header.php, look for the access nav id=”access” div and move it to the top of the header image, before this code:

    <?php
    // Check to see if the header image has been removed
    		$header_image = get_header_image();
    		if ( ! empty( $header_image ) ) :
    ?>

    Be careful to select the entire nav access div code with his php code inside, the div begin and finish like this:

    <nav id="access" role="navigation">
        some code...
         some code...
          some code...
    </nav><!-- #access -->

    Best regards from Nicaragua!

    great!! thanks victor505..:D

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Twenty Eleven: Move menu on top of header’ is closed to new replies.