Any template already available at the page editor and showing ‘+ Low Navi-Bar’ in its template description already moves the Menu Navigation Bar to below the header image, and the first two do that by simply modifying the default Shipyard templates and without adding or changing any widget areas:
http://www.nonametestdrive.net/shipyard8c0/shipyard8c0e/
http://www.nonametestdrive.net/shipyard8c0/shipyard8c0f/
Here is how that is done:
<!-- Code for 'Home' Image -->
<?php if(get_header_image());?>
<img src="<?php echo get_header_image();?>" class="header-img" alt="" />
<!-- Code for Navigation Bar -->
<?php if(has_nav_menu('primary'));?>
<?php wp_nav_menu( array('theme_location'=>'primary','container_class'=>'nav-head'));?>
If you might also want to bump the Menu Bar up against the bottom of the header image and round its bottom corners, try something like this:
.nav-head{line-height:1;text-align:center;margin:-6px 0 16px 0;/*top right bottom left*/
border:0 2px 2px solid; /*top right-and-left bottom*/
border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
marking this thread “resolved”
