Wordpress: Header image moves when stretching the browser

the big header image at the top (2200x383) moves on all the subpages, but stays put on the home page…when you stretch the browser.

any idea who i can get all the other pages to act the same way as the home page?

http://johalswarn.wp.hobbsherder.com/

 

Hi,

The problem with your sub-pages is that you try to load the background images via the HTML while the homepage loads the images via the CSS.
What I would suggest is to add another class to the <div calss="HH-header"> on subpages, something like: <div calss="HH-header HH-header-sub">
It is very important that the homepage does NOT have the the HH-header-sub class.
Once all subpages have that class, you can load the image for the sub-pages via the CSS, don't forget to use !important, so your CSS will look something like this:

.HH-header:after {
background-image:url('images/header1.jpg');
}

.HH-header-sub:after {
background-image:url('images/sub-background.jpg');
}

 

ok i'll try this but there is only one header.php file for all the pages…this is a WP site.

 

hmmm not working

 

fixed it! i just placed this before the closing </head> tag…

<style type="text/css">
.hh-header:after{
background-image:url("<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->
ID) ) ?>");
}
</style>
<?php } ?>

 

Oke thats great!