Need help with header image/header area-Apple Zen

Hey i'm using Zen Cart v1.3.9b

Haven't upgraded it or anything.

I'm using this template there was meant to be a discussion about it here but it seems like i'm a couple years late. :P

Anyway, my shop is located here

Can you see the white part in the top with the applezen logo and the text 'To change any of the site colors, open up includes/templates/apple_zen/css/stylesheet.css. To overwrite your own logo, upload your logo.gif to includes/templates/apple_zen/images/'

I'd like to get rid of everything in that white space and replace it with an image, i'd like it if I can not have any white part showing just my own image there in it's place.

My image does not take up the whole width so I think there'll be some leftover white space on both sides i'd like to get around that too with it not affecting my dropdown navigation bar or anything else. Is this possible?

Also i'd like to shorten the main website so that more of the red background is showing how would I go about that?

Looking forward to your reply

Thanks.

That text is the tagline: https://www.zen-cart.com/tutorials/index.php?article=127

She has so many header divs in that template, it's hard to say exactly where you would place your image, but you might try replacing the logo image with yours as the text suggests.

Your mainWrapper will be as long as the content you have in it requires, so I'm not sure what you're asking there. You can turn off some of the sideboxes to shorten things up.

Well I fixed it abit.

My logo/header image is about 760 width and 200 height, i'd like to put that image in the white space at the top and remove everything else, is this possible?