Have you got unique ids for each of these menus? If so try setting first menu to left:0; and the second menu to left:470px;
no I used the same id for both.. but what you said could actually work!
Thanks, I am trying it now
edited all “access” styles.
it worked katmac, however, now the first menu is all the way to the left of the screen. I tryed building a div around the both menu’s in header.php with:
margin: 0 auto;
but no succes getting them to the middle.
Any solution for this?
Try margin-left to 0 on first one and margin-left to 470px on the second one. And delete left altogether.
worked it out. Added extra code to the extra div. For those who want to know:
style.css
#access_wr {
position: absolute;
top: 170px;
margin: 0 auto;
width: 940px;
}
#access {
position: absolute;
left: 0;
display: block;
float: left;
margin: 0 auto;
width: 470px;
}
#access2 {
position: absolute;
left: 470px;
display: block;
float: left;
margin: 0 auto;
width: 470px;
}
header.php
<div id="access_wr">
<div id="access" role="navigation">
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div><!-- #access2 -->
<div id="access2" role="navigation">
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'secondary' ) ); ?>
</div><!-- #access2 -->
</div>
functions.php
// This theme uses wp_nav_menu() in one location.
register_nav_menus( array(
'primary' => __( 'Primary Navigation', 'twentyten' ),
'secondary' => __( 'Secondary Navigation', 'twentyten' ),
) );
Thanks katmac!
