To Fix the Menus, here is what I did.
Here are the CODE changes:
First, in the functions.php file add this code to the top of the file. This will allow you to create and use 2 custom menus one for the top of the page, and one for the bottom in the footer:
/* Register Functions - Added to original theme */
function register_my_menus() {
register_nav_menus(
array( 'header-menu' => __( 'Header Menu' ), 'footer-menu' => __( 'Footer Menu' ))
);
}
add_action( 'init', 'register_my_menus' );
Then in the header.php file I replaced this code:
<ul class="sf-menu" id="nav">
<?php wp_list_pages('title_li='); ?>
</ul>
with this code:
<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'menu_class' => 'sf-menu', 'menu_id' => 'nav'
) ); ?>
in the footer.php file I replaced this code:
<ul>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
with this code:
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu'
) ); ?>
Then in the WP dashboard interface:
Go to the MENUS area. In the 'Screen Options' Tab at the top of the page make sure 'Theme Locations' are checked. (I have all of the check boxes turned on).
Now you should have the ability to define and set a custom menu for both the header and the footer of your page.
Again, if you want to see my page for an example, you can check it out here: http://www.concealandcarryhq.com
Let me know if this works for you and if it was helpful. As I say, I am not much of a coder, but I have dug into this problem and I think I understand how it is working.