Menu not looking properly

I looked at your page source and the only differences I can see is that the demo shows the “genesis-nav-menu” class on the ul, but yours doesn’t for some reason. Not sure why exactly. Is your Genesis install updated to the latest version?

Oh ok, I see….its because you’re using an older version of Genesis. This theme was designed on the latest Genesis 1.9 and uses the “genesis-nav-menu” class, which I guess doesn’t show up on earlier versions (I could be wrong, but thats what it looks like).

It’s always best to run the latest versions of Genesis/WordPress. You’ll avoid situations like this, plus it’s better to stay updated for security reasons, if you can. I would recommend making a clone site (that only you can access) with the same setup so you can always update it first to make sure that nothing breaks before you update your main site……you don’t have to do this, but I highly recommend it.

Normally I’d say you’ll have to either create the code yourself, or hire someone to do it for you if creating the code goes beyond the scope of support…..luckily you won’t need much in this situation so I went ahead and came up with something quick. Try adding this code to your style.css file –

.menu-item {
display: inline-block;
float: left;
list-style-type: none;
text-align: left;
}
.menu-item a {
color: #fff;
display: block;
font-size: 13px;
font-weight: normal;
line-height: 16px;
padding: 14px 20px 5px 0;
padding: 0.875rem 1.25rem 0.3125rem 0;
position: relative;
}

Let me know if that works

If you want to add space to the menu/header widget area, you could take a look around line 701 in your css file and change the top margin (the first ‘0’) to whatever number you want. Here is an example of 45px added to the top margin –

#header .widget {
margin: 45px 0 15px;
overflow: hidden;
}

Is that what you were talking about?

Great, glad it’s working!

You’re Welcome!