Move Menu & Change Spacing

Viewing 3 posts - 1 through 3 (of 3 total)
  • #22979

    Hi – I have been given responsibility for developing content and managing a Pinboard themed website that I did not create. I am an extreme novice at this, but have managed to get quite a bit done on the site so that it functions relatively well and looks OK, too. I’d like for it to be a bit more unique, but we’ll just have to live with it for now. There are a few things that I’d like to change. The menu bar now appears below the header, and I would like to move it above the header. Also, there is a very large space between the header image and the content area that I would like to reduce.

    Here is a link to the site so you can see what I mean:

    If anyone can help me with step-by-step kindergarten level instructions I would greatly appreciate it.

    Daniel Tara

    To move the navigation above the header you will need to apply some modifications to the theme, so start by creating a child theme. In the child theme duplicate the file header.php and find this block of code:

    <nav id="access">
    	<a class="nav-show" href="#access">Show Navigation</a>
    	<a class="nav-hide" href="#nogo">Hide Navigation</a>
    	<?php wp_nav_menu( array( 'theme_location' => 'primary_nav' ) ); ?>
    	<div class="clear"></div>
    </nav><!-- #access -->

    Move it right below this line:

    <header id="header">

    Then, in order to decrease the white space in the header you will need to apply some custom CSS. Go to Appearance → Theme Options → Layout → Custom CSS and enter the following:

    #site-title img {
    	margin-bottom: 0;
    #header #searchform {
    	margin-top: 36px;

    Thank you, Thank you, Thank you!! Worked like a charm!!!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.