Parallax Pro Header Images on Pages Height

[FoxyMarmalade]

I've used the code shown below that I found in a thread here to add full width header images to my pages and they're showing up, but they're huge! Is there a way to reduce the height? I've tried changing the 9999 and 250 numbers to different values and haven't had any success. And somehow related to this is after I added the code, the first featured image on the home page is disappearing on the mobile version - is that common? And is there a way I can correct that?

Here's the link to the site I'm working on: http://kelli.kellispencer.com/

add_image_size( 'header-img', 9999, 250, TRUE );
add_action('genesis_after_header', 'site_banner', 25);
function site_banner(){  
  if( !is_singular('page') )
     return;

  if( has_post_thumbnail() && is_page() ) :
   $ftbanner = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'header-img' );
   $banner = $ftbanner[0];
    echo '<div id="site-banner" class="site-banner">' . "\n";
    echo '<img src="' . $banner . '">' . "\n";
    echo '</div>' . "\n";
  endif;
}

[FoxyMarmalade]

Admin, will you delete? I should have posted this question in the design tips section.

[blogjunkie]

add_image_size( 'header-img', 9999, 250, TRUE );

This code registers an image 9999 px wide and 250 px tall. Adjust the figures to your requirements. However this only registers the image size - existing images won't automatically be cropped to that size. You need to install and run the Regenerate Thumbnails plugin – that will now create the image sizes you need. Hope that helps!

---

WordPress evangelist, Nike runner, Apple fanboy.
Work: ClickWP WordPress Support, Play: adventures of a blogjunkie. Talk to me on Twitter @blogjunkie

[blogjunkie]

Also 9999px is way too wide. Try 1200px instead.

---

WordPress evangelist, Nike runner, Apple fanboy.
Work: ClickWP WordPress Support, Play: adventures of a blogjunkie. Talk to me on Twitter @blogjunkie

[Author]

Posts