Title: Storefront Max Header Size
Last modified: August 30, 2016

---

# Storefront Max Header Size

 *  [Pcosta88](https://wordpress.org/support/users/pcosta88/)
 * (@pcosta88)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/)
 * What is the max pixel size from edge to edge of the WooCommerce StoreFront Theme?

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

 *  [James Koster](https://wordpress.org/support/users/jameskoster/)
 * (@jameskoster)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198867)
 * Hi,
 * There’s no ‘max pixel size’. It depends on the font size / screen width etc.
 * If you can provide a little more information (IE what you’re trying to do) I 
   can offer some more elaborate advice 🙂
 * Thanks
 *  Thread Starter [Pcosta88](https://wordpress.org/support/users/pcosta88/)
 * (@pcosta88)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198868)
 * Hi,
 * I want to add a header for the site here: number1donut.com and I want it to look
   good stretching all the way across. My past experience with non-storefront themes
   suggests there is a max or “suggested” pixel size for headers.
 *  [FallingRiver](https://wordpress.org/support/users/fallingriver/)
 * (@fallingriver)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198896)
 * I think you want to know the size of the Website Width in pixels. If so, it seems
   to me that Storefront is 1950px. If my Header is 1950 and Background 1950 and
   centered, then they match up. Any more and Storefront starts to do variable cropping/
   resizing.
 * The height of the Header (top to bottom) is variable. The suggested size is 500px
   but that changes as soon as you remove the Title and Tagline, then it SHRINKS
   to about 175px. Increase the size font of the Title and/or Tagline (using [Plugins](https://wordpress.org/plugins/font/))
   and you can get a larger Header, only it might cause trouble with Menus.
 * It seems RIDICULOUS but I’m sure it is Web-Designer magic. The variable stuff
   makes everything (unaltered) look good in any Browser, Screen, Device etc. I’m
   still looking for a Pay-For Plugin/Extension that gives me more choices in design/
   layout.
 *  [James Koster](https://wordpress.org/support/users/jameskoster/)
 * (@jameskoster)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198897)
 * [@pcosta88](https://wordpress.org/support/users/pcosta88/) The difference with
   Storefront is that it applies the header image to the header background. And 
   the Storefront header is as wide as the browser window. Users can resize their
   browser so there’s no way of knowing the exact width all the time. Therefore 
   it’s recommended to use an image that is wide as the largest screen resolution
   you expect visitors to be using. 1950 is a good starting point, but even that
   wont cover 27″ iMacs at full screen. You have to question whether anyone with
   a screen that big browses the web in full screen mode, though.
 * Basically, it’s up to you. I’d use something like 1950 tbh.
 * [@fallingriver](https://wordpress.org/support/users/fallingriver/) the [Storefront Designer](http://www.woothemes.com/products/storefront-designer/)
   extension gives you a few additional header layout options (and more).
 * Cheers
 *  Thread Starter [Pcosta88](https://wordpress.org/support/users/pcosta88/)
 * (@pcosta88)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198898)
 * Awesome advice guys! Thanks for the information!
 *  [jbkeefer](https://wordpress.org/support/users/jbkeefer/)
 * (@jbkeefer)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198899)
 * In the customizer under header it says:
 * “While you can crop images to your liking after clicking Add new image, your 
   theme recommends a header size of 1950 × 500 pixels.”

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

The topic ‘Storefront Max Header Size’ is closed to new replies.

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

## Tags

 * [storefront theme](https://wordpress.org/support/topic-tag/storefront-theme/)

 * 6 replies
 * 4 participants
 * Last reply from: [jbkeefer](https://wordpress.org/support/users/jbkeefer/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/storefront-max-header-size/#post-6198899)
 * Status: not resolved