Tall Logo image in Nav Menu – Push Content Down?

So,

I’m using Bootstrap theme to mimic a client’s actual website (built from scratch in Bootstrap).

They have a logo that’s 160pixels high, which I’ve manually inserted into the <nav> element like so

<div <?php the_bootstrap_navbar_class(); ?>>
							<div class="navbar-inner">
								<div class="container">
									<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
									<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</a>
									<?php if ( the_bootstrap_options()->navbar_site_name ) : ?>
									<span class="brand"><a href="/"><img src="https://blog.greenlightmusic.com/wp-content/uploads/2012/12/greenlightmusic-logo-large-tm-21.png" alt="The Greenlight Blog" /></a></span>
									<?php endif;?>

Because the nav section is now taller than the theme is expecting, this breaks in two ways:

– The actual menu elements align to the top of the nav and not the bottom

– The top x number of pixels of the blog body are covered up by the nav menu (which is fixed to the top)

Might there be a simple way to address both of these issues?

Many thanks.

–