Header background dimensions

[Mrs.T]

Does any one know the dimensions of the header background?

We are trying to create a header background image but can't get it to fit correctly.

Thanks.

[Wayne Luke]

The default width is 1200 pixels. This is controlled by the wrapper_max_width style variable. The height of the header can be controlled using the header_height style variable. It looks like the default is 104 pixels. However, the header will increase in size if your logo is taller than its specified height.

If you want the background to apply to the header and the main navigation (like the Grunge style) then use the topbg_header_mainnav_background style variable instead of header_background.
If you want the background to apply to the header, main navigation, and sub-navigation, then use the topbg_header_mainnav_subnav_background style variable.
If you want a full-width header that applies to the header and the main navigation then use the topbg_header_mainnav_subnav_full_width style variable.

The variables you don't use should be set to transparent most of the time.

You can also tell the browser to resize the background image to fit the space with CSS:

#header {background-size:cover;}

[Mrs.T]

Wow thanks for such a detailed explanation Wayne.