Just want to add another method to this post, and others if looking:
1.
In Appearance>Header
Select “Remove Header”
2.
In Appearance>Editor
Select template Header (header.php)
3.
Add something like this:
<div class="site-add-header"><img class="header-img" src="wp-content/uploads/2013/10/Logo_header1.png" alt="muesli 101 logo"></div>
Click “Update File”
4.
Now select to Edit Stylesheet (style.css)
Do a CTRL-F (Find) “site-header”
5.
Remove
.site-header {
background-image: .....;
}
Add
.site-add-header {
text-align:center;
}
.header-img {
width:80%;
}
You now have a scalable image based site-header for the theme Twenty Thirteen.
Thread Starter
Dot
(@dianetingleyhotmailcom)
cclambie could you explain what exactly that code does? Does it basically allow you to set the header image width using a percentage rather than pixel count through esmi’s solution?
I completed all of esmi’s steps successfully, now I’m trying to upload a 2000×784 image as the header to see how it would look, but I’m finding when I upload it through the Header page it seems to be overriding the min-height setting of 784 px that I entered on style.css of the child theme.
Do I need to bypass the Header interface and insert the image directly through the non-child style.css?
@justincarlson – you need to start your own thread per http://codex.wordpress.org/Forum_Welcome#Where_To_Post – you can include a link to this one if relevant.
esmi, thanks a lot – it worked perfectly for 2013 theme!
Merci vielmals!! 😀
