Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
So, regardless of the browser size, when you open it and then expand the browser window, the image will never scale up?
E.g, If I opened your site initially in a small 300px by 600px window and then went to full size, your header image should remain as small as it was initially?
Not exactly. My header image is currently 1100 x 128px. I would like it to scale smaller if your window is smaller than the image. But if you increase the window size larger that 1100px I would like it to expand back to its original size but stop scaling when it gets to 1100 x 128px so it doesnt appear stretched.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you give your site a max-width style to achieve this?
E.g,
#content {
max-width: 1100px;
}
Just about to post my solution so far.
have add max-with to this
#branding img {
height: auto;
display: block;
width: 100%;
max-width: 1100px;
but now it isnt centered on the page when the window is wide
All fixed. Added <center></center> to top and bottom on header.php
