Support » Fixing WordPress » How to put top nav menu vertically outside of wrapper/container

  • here is the code in the header.php file. My question is how I could get the topNav menu to appear vertically outside of the main container. See the left side of http://lareviewofbooks.org for an example of the type of vertical menu I want. Here is my header.php:

    <body <?php body_class($class); ?>>
    	<a></a>
    
    	<!-- BEGIN WRAPPER -->
    	<div id="wrapper">
    
    		<!-- BEGIN HEADER-TOP -->
    		<?php wp_nav_menu(array('theme_location' => 'topNav', 'depth' => 3, 'fallback_cb' => false, 'menu_class' => 'topNav')); ?>
    		<!-- END HEADER-TOP -->
    
    		<!-- BEGIN WRAPPER-CONTENT -->
    		<div id="wrapper-content">
    
    			<!-- BEGIN HEADER -->
    			<div id="header">
    
    				<!-- BEGIN HEADER-MIDDLE -->
    				<div id="header-middle">
    
    					<div id="logo">
    						<?php
    						if(get_option('pyre_logo')) {
    							$logo = get_option('pyre_logo');
    						} else {
    							if(get_option('pyre_skins')) {
    								$color = explode('_', get_option('pyre_skins'));
    								$logo = get_bloginfo('template_directory') . '/css/skins/images/' . $color[1] . '_logo.png';
    							} else {
    								$logo = get_bloginfo('template_directory') . '/images/logo4.png';
    							}
    						}
    						?>
    						<a>'><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?>" /></a>
    					</div>
    
    					<?php if(get_option('pyre_header_banner')): ?>
    					<div id="header-banner">
    						<?php echo get_option('pyre_header_banner'); ?>
    					</div>
    					<?php endif; ?>
    
    				</div>
    				<!-- END HEADER-MIDDLE -->
    
    				<!-- BEGIN WRAPPER-NAVIGATION -->
    				<div id="wrapper-navigation">
    
    					<div id="navigation">
    						<?php wp_nav_menu(array('theme_location' => 'mainNav', 'depth' => 3)); ?>
    					</div>
    
    				</div>
    				<!-- END WRAPPER-NAVIGATION -->
    
    			</div>
    			<!-- END HEADER -->

    [In future please wrap your code in backticks – http://codex.wordpress.org/Forum_Welcome#Posting_Code – the above code is likely to be corrupted by the forum parser]

Viewing 15 replies - 1 through 15 (of 15 total)
Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘How to put top nav menu vertically outside of wrapper/container’ is closed to new replies.