Title: Menu placing
Last modified: August 20, 2016

---

# Menu placing

 *  Resolved [ferdri3](https://wordpress.org/support/users/ferdri3/)
 * (@ferdri3)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/)
 * Hello all,
 * Im editing the theme TwentyTen and I want the menu above the wrapper.
    So I edited#
   access in style.css by adding “position” and “top”:
 *     ```
       #access {
       	position: absolute;
       	top: 170px;
       	display: block;
       	float: left;
       	margin: 0 auto;
       	width: 470px;
       }
       ```
   
 * As you can see the “width” is 470px instead of “940px” that is because I added
   a second menublock (which works fine). However, because of the “position: absolute;”
   the 2 menu’s overlap instead of displaying NEXT to eachother.
 * The “absolute” is needed in order to keep the menu’s above the wrapper, otherwise
   I would of used “relative”.
 * My question is how to display them next to eachother above the wrapper.
 * Thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [katmac_aus](https://wordpress.org/support/users/katmac_aus/)
 * (@katmac_aus)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607744)
 * 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;
 *  Thread Starter [ferdri3](https://wordpress.org/support/users/ferdri3/)
 * (@ferdri3)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607745)
 * no I used the same id for both.. but what you said could actually work!
 * Thanks, I am trying it now
 *  Thread Starter [ferdri3](https://wordpress.org/support/users/ferdri3/)
 * (@ferdri3)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607749)
 * 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?
 *  [katmac_aus](https://wordpress.org/support/users/katmac_aus/)
 * (@katmac_aus)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607751)
 * Try margin-left to 0 on first one and margin-left to 470px on the second one.
   And delete left altogether.
 *  Thread Starter [ferdri3](https://wordpress.org/support/users/ferdri3/)
 * (@ferdri3)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607752)
 * 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!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Menu placing’ is closed to new replies.

## Tags

 * [align](https://wordpress.org/support/topic-tag/align/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [problem](https://wordpress.org/support/topic-tag/problem/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [ferdri3](https://wordpress.org/support/users/ferdri3/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/menu-placing/#post-2607752)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics