Logo location and size

Is there a way to move the logo or horizontal menu so they are side by side using Javascript or CSS? Currently, my logo is the shape of a square above the page buttons with a bunch of dead space to the right of it. It is taking up too much page real estate for no purpose. Any help much appreciated!

The banner takes up the whole width of the upper section of the page. One way of moving that logo, is to position your logo some where on a full width strip of the jpg file. Its a work around solution - by positioning the logo anywhere on the blank banner background, then linking that banner logo to Knack, you can create the illusion that you can place your logo anywhere at the top of the page.