How to put top nav menu vertically outside of wrapper/container

  • TMichaelLaw

    (@tmichaellaw)


    11 years, 3 months ago

    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.