tdmac

Thank you so much, ravinderk. I think that worked! I soooo appreciate the response. Now, I’m off to see if I can add the image I do want to use for my static page. Hopefully, I won’t run into any problems.

Thanks again!
tdmac

Hi David,

Thanks so much for the responses. (I hadn’t gotten your response for the other until after I posted this!) Anyway, I’m DEFINITELY using a child theme for my changes. I don’t wanna mess stuff up!

I guess I have to weigh what’s more important. Being device friendly or want to stick to my header not getting distorted. I’ll try your code and see what happens. Thanks!

Might there be a way I can assign properties to the header alone, so it doesn’t get squashed, while allowing everything else to reposition for smaller browsers and devices? Assuming it would be a matter of applying the same principles to that div.

Thanks again.
tdmac

Hi Everyone. I think this relates to the topic, though I’m a touch confused. If this does not relate, I’ll create a new post and apologies in advance.

Would setting a min-height and a min-width prevent my header image from getting squashed whenever the browser window is resized by a visitor? Currently, my header image is squashing (and not maintaining it’s original dimensions) whenever the browser window is changed to a certain threshold.

I have tried Digital Raindrops suggested solution, (trying to assign a minimum width in my case), however my page layout continues to change…which I thought would be prevented by “overflow: hidden”. My sidebars bump down below my posts when the browser window reaches that threshold.

This is the code I entered:

#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	min-width: 790px;
	min-height: 900px;
	overflow: hidden;
}