Hi, I have a edited my header.php in order to accommodate a full-width header image. However, unless I use an obscenely large file (currently it is approximately 7200 x 1000), the image is distorted regardless of whether the proportions are retained. Is there an easy fix to this?
Hello, Could you please share your website link and also let us know that what changes you have done in the header.php file.
Sure. The URL is: http://www.galesburglibrary.org/a/ Below are the only changes I made to the header.php file: <div class="header-container"> <div class="container_24"> <div class="grid_24"> <div class="header"> <div class="grid_24 logo alpha"> <div class="logo"><a href="<?php echo home_url(); ?>"><img src="<?php if (get_option('inkthemes_logo') != '') { ?><?php echo get_option('inkthemes_logo'); ?><?php } else { ?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /></a> </div> </div> <div class="grid_24 omega"> <div class="navigation">
Additionally, the header logo loads fine in Chrome and Firefox, but the resolution is poor in I.E. Could this be related to the size?
Hello, Editing you have done in the header.php file is not correct. Download file "header.php" attached. Copy it's code and replace it with your header.php file. And also image you are using is too big. There is no need to use logo image of more then 1000px wide.
I do not see an attached file. Also, when I use a smaller image, it stretches the the image. I will use a 1000px wide image and attach a screenshot of what it looks like.