[JeffI]

Hi,

I have a header image that is wider than the 300×125 recommended size. I uploaded the image using both the crop & publish (selecting the full image) and the skip cropping and use image as is options. In both cases, the header image on my home page gets automatically rescaled to 300 px width. On all other pages, however, the image displays as it was uploaded with a width of 600 px. Is there something I need to change in the CSS or otherwise in order for it to appear as its full width on the home page?

When I inspect the element on the homepage, I get both:

#hgroup-wrap img, .featured-image img, .entry-content img, img.size-full, img.size-large, img.wp-post-image {
display: block;
max-width: 100%;
height: auto;

img[Attributes Style] {
width: 300px;
height: 125px;
}

But, when I inspect it on internal pages I get:

img[Attributes Style] {
width: 600px;
height: 50px;
}

Thank you!

[Sakin]

@JeffI: Please post in your site URL so that I can check in what’s going on.

Note: Sorry for the late reply as we are still in state of emergency due to massive earthquake in Nepal. Internet, electricity, water and sanitization are huge problem here. We are also helping others in the community so we are slowing getting back online.

[JeffI]

@Sakin Thank you for your response. We are all thinking of you and everyone in Nepal and praying for everyone’s safety.

Our site URL is http://www.nysolarize.com. You can see the header image on the main landing page is small relative to the image on this interior page http://nysolarize.com/?page_id=10
Other internal pages have custom headers – not sure if that would affect it. Thank you.

[Sakin]

@JeffI: Thanks for your prayers. We really need it. We are so sadden and shattered by this devastating earthquake.

Can you go to “Appearance => Header” and them remove your current header image and then re-upload it. It is playing with width issue.

If it doesn’t fix it then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

#site-logo img { width: 600px; max-width: 100%; }

[Author]

Posts