WordPress.org

Support

Support » Themes and Templates » [Resolved] Tall Logo image in Nav Menu – Push Content Down?

[Resolved] 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="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?

    Many thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Tall Logo image in Nav Menu – Push Content Down?’ is closed to new replies.