[Resolved] Tall Logo image in Nav Menu – Push Content Down?
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="http://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?
- The topic ‘[Resolved] Tall Logo image in Nav Menu – Push Content Down?’ is closed to new replies.