That usually happens when the navigation links are too long to fit in the area available to them. They get bumped down so they can expand. There’s actually a bit of space allotted to your logo that’s free that we could use with a quick edit. Here’s how.
1) Go to the appearance section and select edit to open up the theme editor.
2) From the list of files on your right, choose style.css
3) Look for this spot:
#logo {
float: left;
margin-top: 20px;
width: 350px;
}
and replace it with this:
#logo {
float: left;
margin-top: 20px;
width: 310px;
}
4) Save your changes.
See if that doesn’t give you a bit more room to work with. Beyond that, you could scroll down a bit further until you see this spot:
.menu a, .menu a:visited {
color: #fff;
display: block;
margin: 0;
font-size: 16px;
font-weight: bold;
padding: 15px 9px 14px;
}
and change the font-size: 16px; to a smaller number to make the navigation links themselves a bit smaller.
If you need any help, let me know.