WOOSTORE Header Image…Help?

I’ve managed to get an image I made to appear in the header of my woostore theme next to the default header logo…however a great big gap has appeared between the image and the top of the page. (which I think is actually being caused by the logo somehow. I’m not good at coding just was a little trail and error so could anyone take a look please and advise me on what to do….thanks!

Here’s the specific header code:

<?php } ?>

	<div id="header" class="col-full">

		<div id="logo">
		<div id="headbanner" style="height:500px; width:186px; position:relative; top:500px; left:275px;">
<img src="https://aggidukes.co.uk/store/wp-content/uploads/2013/04/Store-header-Image.png" alt="Official Store" /></div>

		<?php
			if ($woo_options['woo_texttitle'] != 'true' ) :
			$logo = $woo_options['woo_logo'];
			if ( is_ssl() ) { $logo = preg_replace("/^http:/", "https:", $woo_options['woo_logo']); }
		?>
			<a>" title="<?php bloginfo( 'description' ); ?>">
				<img src="<?php if ($logo) echo $logo; else { echo get_template_directory_uri(); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo( 'name' ); ?>" />
			</a>
        <?php endif; ?>

[Please post code between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]

and the site address: https://aggidukes.co.uk/store/