Title: Replacing twenty thirteen header
Last modified: August 31, 2016

---

# Replacing twenty thirteen header

 *  Resolved [TheSupercargo](https://wordpress.org/support/users/thesupercargo/)
 * (@thesupercargo)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/replacing-twenty-thirteen-header/)
 * I’ve been trying to find a way to replace the header in twenty thirteen for two
   reasons.
 * 1) The header out of the box seems to be unresponsive. (Parts of the image are
   chopped off in full screen, even though the image is exactly the specified size–
   1600px by 230 px – and the image vanishes completely on a mobile phone).
 * 2) I want a logo instead of a site title.
 * After a lot of searching, I found this solution (originally posted by Member 
   cclambie – about half way down this thread: [https://wordpress.org/support/topic/massive-headers?replies=16](https://wordpress.org/support/topic/massive-headers?replies=16))
 * > 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=”main-header-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.
 * In the last point I have not chosen to edit the Stylesheet for the main theme(
   it’s how I read the instruction), instead I have simply added this code to my
   child theme stylsheet:
 *     ```
       .site-add-header {
       text-align:center;
       }
       .header-img {
       width:100%;
       }
       ```
   
 * This works really well, but only on the front page. On all the other pages it
   seems the header won’t load and instead I see the Alt title: main-header-logo.
 * Does anyone have any suggestions how I might overcome this problem?
 * This is my sandbox
 * [http://www.nixon-wit.com/](http://www.nixon-wit.com/)
 * Many thanks.
 * PS: The block quote is slightly edited to have the same Alt text that appears
   on my own website.

Viewing 1 replies (of 1 total)

 *  Thread Starter [TheSupercargo](https://wordpress.org/support/users/thesupercargo/)
 * (@thesupercargo)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/replacing-twenty-thirteen-header/#post-7086784)
 * OK. Problem solved. Instead of giving the truncated address:
 * wp-content/uploads/2013/10/Logo_header1.png
 * I have to give the exact address:
 * [http://www.nixon-wit.com/wp-content/uploads/2013/10/Logo_header1.png](http://www.nixon-wit.com/wp-content/uploads/2013/10/Logo_header1.png)
 * Now it works on all pages.

Viewing 1 replies (of 1 total)

The topic ‘Replacing twenty thirteen header’ is closed to new replies.

## Tags

 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [responsive header image](https://wordpress.org/support/topic-tag/responsive-header-image/)
 * [twenty thirteen](https://wordpress.org/support/topic-tag/twenty-thirteen/)

 * 1 reply
 * 1 participant
 * Last reply from: [TheSupercargo](https://wordpress.org/support/users/thesupercargo/)
 * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/replacing-twenty-thirteen-header/#post-7086784)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics