How to move the navigation bar below the header in the Pilcrow Theme

  • torichitty

    (@torichitty)


    12 years, 9 months ago

    Hey, I am really new to this and have just set up the basic layout for my website. I am using the Pilcrow Theme. I am running version 3.1.4 of wordpress.

    Link to my website

    I wanted to know how to move the navigation bar below the banner instead of above? And also it would be great if I could find out how to make the banner slightly wider so it’s width is the same as the white body.

    I am happy pasting code into the editor.

    Thanks in advance,

    Tori.

Viewing 3 replies - 1 through 3 (of 3 total)
  • nzvegan

    (@nzvegan)

    12 years, 7 months ago

    I would like to know how to do this also. I love pilcrow but I want that navigation bar to be UNDER my header.
    here is my website (I am very new to this) http://www.nzvegan.com/

    thanks so much

    Kirk Wight

    (@kwight)

    12 years, 7 months ago

    You have two choices, you can make a child theme (preferred method, especially if making other changes) or edit the original theme’s files.

    In either case, open the header file (header.php) and move the navigation block of code:

    <div id="nav" 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', 'pilcrow' ); ?>"><?php _e( 'Skip to content', 'pilcrow' ); ?></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><!-- #nav -->

    below the image code:

    </div><!-- #pic -->

    nzvegan

    (@nzvegan)

    12 years, 7 months ago

    You are amazing! It totally worked!

    And here’s the kicker – I did it, and then… I was like, oh it looks better they way THEY designed it! So I moved it back… Still, very very helpful for the future also, I very much appreciate it kwight! Thanks again

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to move the navigation bar below the header in the Pilcrow Theme’ is closed to new replies.