• 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)
  • 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.

    Thread Starter jmichals

    (@jmichals)

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

    Have you created and activated a child theme yet?

    Thread Starter jmichals

    (@jmichals)

    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?

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

    Thread Starter jmichals

    (@jmichals)

    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.

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

    Thread Starter jmichals

    (@jmichals)

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

    You never answered the question.

    ^^^^^^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.