Black secondary menu is aligning incorrectly

Remove the border and padding that you’ve given to this element:

<div class="wrap">

Make sure you do this only to that element that surrounds the secondary menu (by using more specific selectors).

Ah. I see what you mean. I have this code in my custom stylesheet:

.wrap {
background-color: #f2f8f1;
margin: 0 auto;
max-width: 940px;
border-left: 10px solid #367D28;
border-right: 10px solid #367D28;
padding: 0 30px;
position: relative;
}

BUT, I don’t know how to “do this only to that element that surrounds the secondary menu.” I’m a css newbie. Any tips?

Use this CSS:

#menu-secondary .wrap {
 border: none;
 padding: 0;
}

AH. Thank you so much! It’s perfect.