Moving Twenty Twelve Menu to below the Header Image

Moving Twenty Twelve Menu.

I did not like the default way that the header image on the WordPress Twenty Twelve theme is below the menu, I tend to not use the default header text titles on themes as they are what makes a wordpress site look like a blog as opposed to a good quality website.

So on the Klick site I decided to move the Twenty Twelve Menu to below the Header image and use a header image instead of the header text.

moving twenty twelve menu

It is very easy to achieve simply open your header.php in your child theme , If you have not created a child theme the read this first.

Download and open the header.php file from the Twenty Twelve theme, /wp-content/themes/twentytwelve.

Around line 42 you will see the below code.

For moving twenty twelve menu all you do is swap them and place the site navigation (menu) below the header image as below.

Now upload the header.php to your child theme and you should have a new position for the Twenty Twelve menu.