Reply To: Move Menu & Change Spacing

Written by on

› › › › ›

#22982
Daniel Tara
Keymaster

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;
}