-
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: http://indianriverlakes.org/
If anyone can help me with step-by-step kindergarten level instructions I would greatly appreciate it.
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; }
You must be logged in to reply to this topic.