Title: 2 Navigations – Different Styles
Last modified: August 21, 2016

---

# 2 Navigations – Different Styles

 *  [Christine357](https://wordpress.org/support/users/christine357/)
 * (@christine357)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/2-navigations-different-styles/)
 * So I was wondering how I could paste another navigation menu in but have it a
   different style as my original. For example, the code of my current one is:
 *     ```
       <nav id="site-navigation" class="main-navigation" role="navigation">
       			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
       			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
       			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
       		</nav><!-- #site-navigation -->
       ```
   
 * To change the style of it I’ve edited the CSS of the “site-navigation” ID and
   the “main-navigation” class.
 * However now I’d like to also place a menu at the bottom of my page but I don’t
   want it to have the same styles. The problem is, if I change the ID or CLASS 
   of the navigation, the menu for mobile no longer works.

The topic ‘2 Navigations – Different Styles’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [Christine357](https://wordpress.org/support/users/christine357/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/2-navigations-different-styles/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics