WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven: Move menu on top of header (14 posts)

  1. jmichals
    Member
    Posted 2 years ago #

    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.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    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.

  3. jmichals
    Member
    Posted 2 years ago #

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

  4. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Have you created and activated a child theme yet?

  5. jmichals
    Member
    Posted 2 years ago #

    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?

  6. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

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

  7. jmichals
    Member
    Posted 2 years ago #

    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.

  8. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

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

  9. jmichals
    Member
    Posted 2 years ago #

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

  10. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

  11. slfuller
    Member
    Posted 2 years ago #

    You never answered the question.

  12. smoker450
    Member
    Posted 1 year ago #

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

  13. Victor Rodriguez
    Member
    Posted 1 year ago #

    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!

  14. salleh
    Member
    Posted 1 year ago #

    great!! thanks victor505..:D

Topic Closed

This topic has been closed to new replies.

About this Topic