Title: Header width
Last modified: August 20, 2016

---

# Header width

 *  [Ausagcareers](https://wordpress.org/support/users/ausagcareers/)
 * (@ausagcareers)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/header-width-4/)
 * I’d like to increase my header image width
 * I found the part of the code where it was set to 850 and changed it to 1200 but
   still showing up at 850… 🙁
 * Was it only in custom header php that i needed to make the edit?

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [Ausagcareers](https://wordpress.org/support/users/ausagcareers/)
 * (@ausagcareers)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/header-width-4/#post-3607521)
 * I would also like to move the menu from the bottom of the page to underneath 
   the header image, could you please help me with this too?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/header-width-4/#post-3607563)
 * You’ll need to use a Child Theme to make these kinds of changes – do you have
   that set up.
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 * If you make changes to theme files they will be overwritten when the theme is
   updated.
 *  Theme Author [Caroline Moore](https://wordpress.org/support/users/sixhours/)
 * (@sixhours)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/header-width-4/#post-3607583)
 * Definitely use a child theme to do this so your changes do not get overwritten
   by future theme updates.
 * There are rules in the theme’s style.css that prevent the header image from being
   wider than its container — you’ll need to add a `#custom-header-image` rule to
   your child theme’s style.css and set a larger width, probably 1200px to match
   the size of your new custom header. I don’t know how that might affect the rest
   of the layout, though, so you may need to play around with it a bit. I recommend
   using a browser addon like [Firebug](http://getfirebug.com) for this kind of 
   CSS troubleshooting.
 * You also need to create a new functions.php file in your child theme and filter
   the width/height on the theme’s custom header, rather than changing the value
   directly in the theme. Look in the theme’s `/inc/custom-header.php` file to see
   how the custom header’s default arguments are defined. Then add a filter to your
   child theme’s functions.php like so:
 *     ```
       <?php
       /**
        * Change default custom header size
        */
       function buttercream_custom_header_args( $args ) {
   
       	$args = array(
       		'width'   => 1200,
       	);
       	return $args;
   
       }
       add_filter( 'buttercream_custom_header_args', 'buttercream_custom_header_args', 999 );
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header width’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/buttercream/1.2.9/screenshot.png)
 * Buttercream
 * [Support Threads](https://wordpress.org/support/theme/buttercream/)
 * [Active Topics](https://wordpress.org/support/theme/buttercream/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/buttercream/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/buttercream/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [Caroline Moore](https://wordpress.org/support/users/sixhours/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/header-width-4/#post-3607583)
 * Status: not resolved