Hi guys
Please take a look at http://www.anekarinstrik.dk where I have moved the main menu to the sidebar and implemented a second, horizontal menu below the header. I want to remove the white space between the header and the horizontal menu before I start styling the page. Any ideas as to what is causing it? Would it be in header.php or in the stylesheet?
Header.php around the menu:
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID );
elseif ( get_header_image() ) : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?>
</div><!-- #branding -->
<div id="main">
<?php /* Start add our second page menu */ ?>
<div id="pagemenu" role="navigation">
<?php wp_nav_menu( array( 'container_class' => 'page-header', 'menu_class' => 'page-menu', 'theme_location' => 'secondary', 'depth' => 0, 'fallback_cb' => '' ) ); ?>
</div>Second menu in style.css
/* Start Second Menu support */
#pagemenu {
display: block;
float: right;
margin: 5px 0px;
width: 940px;
height: 30px;
background: #56A5EC;
border-bottom: solid 0px #333;
}
#pagemenu a {
color:#FFFFFF;
line-height:30px;
margin:0;
padding:0 10px;
text-decoration: none;
text-align:center;
}
#pagemenu .page-header,
page-menu.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#pagemenu .page-header ul,
.page-menu ul {
list-style: none outside none;
margin: 0;
float: right;
padding-right: 0px;
}
#pagemenu .page-header li,
.page-menu li {
float:left;
position: relative;
}
#pagemenu li:hover > a,
#pagemenu ul ul :hover > a {
color:#FFFFFF;
font-weight: bold;
}
#pagemenu ul li:hover > ul {
display:block;
font-weight: bold;
}