Reply To: Header image not displayed in full

The suggestions I made earlier definitely works as I tested it with your site and confirmed that the image resizes when I resized your site in my browser. However, if I would have known you were trying to use an image on the left with text on the right, then I would have recommended adding the image inline from the beginning as that would be much easier to implement. The way you have it setup now (inline) is the proper way to do this verses having it as a background image.

The height code that is generated on the first widget area comes from the home.js file in your theme. The purpose of this function is for background images to show a minimum height just in case there isn’t much text/content inside the widget area. For example, if you add an empty text widget just so you can show the background image of the widget, then the code will make sure the image is shown at the minimum height that is set. Here is an example – http://demo.appfinite.net/imagery Notice there are sections with no text, yet the background image still has enough space to be shown.

Since you have a different purpose, you can remove this feature if you want. To remove it, take a look in your front-page.php file and remove or comment out this code –

wp_enqueue_script( 'aspire-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );

If you want me to do this for you just let me know. All I would need is a Temporary Login. I can get everything fixed a lot faster just in case there’s something else that needs to be adjusted. Just let me know.