Adding another image to header

Would anybody know specifically how to add another logo/image to the header as if you were adding a separate logo/image to the right side of the header. I also need to know how to edit my responsive stylesheet so that the 2 images stack on top of one another in the mobile view.

if you're using a bootstrap theme, you can consider something like this on the header.tpl file
On smaller screens, it will automatically be stacked.

I am using Openshop theme. I will see if it works thanks.

Almost there. This is what i have so far:

<div class="row">
<div class="col-md-5"><img src='image/data/0 Website/Logo Space.png'></div>
<div class="col-md-5 text-right"><img src='image/data/0 Website/Website Logo.png'></div>
</div>

For my first image I created a transparent png in Photoshop so as not to disturb the original logo and for the scecond image I used the logo again (Still working on image I intend to use) instead of the 2nd image going to the second column it gos beneath instead. Any ideas MarketInSG?

is your image too huge for the space given? Try inspecting element on a Google Chrome / FireFox browser.

Also, my bad, use col-md-6 instead of 5. There's a total of 12 columns in one row.

No matter how small I make the second image it still goes beneath. I am thinking that the shopping cart is in the way even though its not showing at this particular time. I removed currency and the search bar maybe I have not removed them properly. I have attached my header.tpl file if you would like to take a quick peek at it.I would really appreciate it. Otherwise, I will keep editing away until i get the desired result. Thanks

P.S also tried the mod on default header.tpl with same result.

I found a workaround. Going to put the png image as a layer in photoshop on my background. I have to be honest though I did not think adding a second image to my header was that hard to do.