Quote Originally Posted by picaflor-azul View Post
I would recommend adding the large header image as a background image on the element #headerWrapper. In general, you can make background images responsive by adding background-size: 100%;
Thanks,
Anne
Hi Anne - oy, i must be doing something wrong because that made things worse. Here's the code I used:
#headerWrapper {margin:0;padding:0;background:transparent url(../images/asn-header-feather.png) no-repeat 100% center;}

With the full width image in #headerWrapper's background, it lowered itself on the page. On home page it practically disappears behind the sliders, with the login/cart/checkout links hanging in the middle of nothing way up above it. On 2-column pages it's maybe 50-100 pixels lower than it should be (this brings it closer to the main nav, which i like, but too far from top of screen, which i don't like). Also, main column is still below the left instead of next to it. I haven't yet tried making the header image clickable so it links to home page...

BTW, this is NOT a new ZC install, I'm switching from the Classic template, and I do have a bunch of plugins. I haven't yet copied their template-specific files to Carlisle folders - should I do that before I mess with anything else? Maybe active plugins that can't find their template-specific files are interfering?

Thank you!
Magz