theapril

I’ve had this problem, as well. It has been an issue of transparency, for me. If you are using a .png file, make sure that you match the background of the image to the background of your header. Or, make sure the elements touch the very edges of the dimensions. If your background is transparent, the dimensions will sometimes be changed when you save the file. So, you think you are saving it at 360×164, but it is really 350×159, or whatever. I hope this helps. That can be very frustrating.

Have you considered using the secondary menu, instead of the header widget area?

I think I just figured this out. It has been driving me crazy. Ok, so find this code under *site navigation*
.genesis-nav-menu {
clear: both;
color: #ccc;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.1rem;
line-height: 1.5;
margin: 0;
padding: 0;
width: 100%;
}

.genesis-nav-menu .menu-item {
float: left; <<<<<<<<<<<<change left to none
list-style-type: none;
display: block;
margin: 0;
padding: 0;

–Right under this paste this following code and change the above float from left to none.

.genesis-nav-menu .menu-item {
display: inline-block;
text-align: center;
}

–Right after that you will see this:

.genesis-nav-menu a {
border: none;
color: #fff;
display: block;
font-weight: 400;
padding: 13px;
position: relative;
}

.nav-primary .genesis-nav-menu a {
color: #fff;
padding: 13px 26px 13px 0;
}

–Right after this, paste this code:

.nav-primary .genesis-nav-menu {
text-align: center;
}

I hope this works for you.