Twenty Eleven: Move menu on top of header
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?
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.
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
I copied my old Twenty Eleven, which worked perfectly, renamed it, and then I had my new theme. Did I miss a step?
Oh yes! Try reviewing http://codex.wordpress.org/Child_Themes
^^^^^^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!
- The topic ‘Twenty Eleven: Move menu on top of header’ is closed to new replies.