Header Navigation not loading correctly


I’m trying to get the header navigation bar on my site to load correctly… I screwed up some things about a week ago and I think they’re all fixed, but don’t know how to fix the header bar.

Site http://www.CarrieAndJonathan.com

If you could tell me which file I need to edit and how to get it working right, I’d be most appreciative. The links that are bulleted down on the left should be horizontal with blue backgrounds on the top.


I don’t know what you had before, but having A CURSORY looks at your code And MANY stylesheets, I could not find the class “menu” in your theme CSS, or the ID=“menu” in your html.

I am thus going to take a quick guess and say if you change class=“menu” to id=“menu” on your HTML mark up (or template html) that one if not all of your problems will resolve themselves.

hope that helps. :slight_smile:

Thank-you for making the time to take a look.

I didn’t even know I had many stylesheets… guess that’s the problem with hiring multiple programmers.

Do you take on clients?

Obviously I’d like to get the current issue resolved, but also I’d like to get the number of stylesheets down, as well as just generally improve the site load times - if you do take on clients, what would you charge for that?

Please let me know at your convenience.

Kind Regards,


I found this in header.php in the place where the navigation should be.
<?php mytheme_nav(); ?>

I found this in functions.php, but have no idea how to edit it properly in the PHP

if ( function_exists(‘register_sidebar’) ) {
‘before_widget’ => ‘’,
‘after_widget’ => ‘’,
‘before_title’ => ‘<h2 class=“widgettitle”>’,
‘after_title’ => ‘</h2>’,
add_action( ‘init’, ‘register_my_menus’ );
function register_my_menus() {
‘menu-1’ => __( ‘Header Menu’ )
add_theme_support( ‘nav-menus’ );
function mytheme_nav() {
if ( function_exists( ‘wp_nav_menu’ ) )
wp_nav_menu(‘menu=menu-1&container_class=pagemenu&fallback_cb=mytheme_nav_fallback’ );
function mytheme_nav_fallback() {

and the rest of the php for functions.php down here.

Any help appreciated.

Thank-you for taking a look!


I would recommend not touch that. Those are functions pertaining to how you ads, remove and organize widgets in your WP dashboards. And they are specific to your theme ( in other words it’s difficult to guess w/o know the whole theme)

I am surprised that there was no <div> around that <?php mytheme…()?> function call. Oh well.

Anyway… lets try this approach before anything else gets inadvertently broken

On your CSS find /Menu/ and change all the “#menu” to “.menu” essentiall this:

/* Menu */

.menu {
	width: 879px;
	height: 30px;
	margin: 0 auto;
	border-right: 1px solid #FFFFFF;
	/*background:url(images/travel-menu-background3.gif) repeat-x scroll 0 0 transparent;*/

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;

.menu li {
	display: inline;
	background-position: center center;

.menu a {
	display: block;
	float: left;
	width: 120px;
	height: 25px;
	padding: 5px 0 0 0;
	border-left: 0px solid #488E8E;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	font-size: 135%;
	color: #000000;
	vertical-align: middle;
	background-position: center center;

.menu a:hover {
	background: url(images/travel-menu-background.gif) repeat-x;
	color: #FFFFFF;

.menu .active a, .menu .current_page_item a {
	background: url(images/travel-menu-background.gif) repeat-x;
	color: #FFFFFF;

You’re my hero of the week.

Seriously… thank-you so much!

The next question… since you’ve had a look and now I’ve noticed all the plugins causing so many stylesheets to be loaded…

How do I keep the plugins, but merge the stylesheets and javascript files?

Just so you know as well, I am happy to pay you for your time, even just to coach me how to do this stuff. If you’re on Skype, I’m user: strive4impact