Help Spacing the Home Page Menus

The problem is that you have too many menu items on each menu for this layout?
What if you just use one menu using the full width of the container and center the options?

How would that be done?

Hello @russellclemmons

You can achieve this by applying following CSS code.

#header {
   
    height: 249px !important;
}

#headercontent {
    /* width: 1080px; */
    height: 189px;
    background: url(images/headerbg.jpg) no-repeat top center scroll #7f8357;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: 20px;
}

#nav-primary a {
    color: #f9f6e2;
    display: block;
    line-height: 16px;
    padding: 0 6px;
    text-decoration: none;
    font-weight: 400;
    border-right: 1px solid #f9f6e2;
    opacity: 0.8;
}

#nav-primary {
    display: block;
    position: relative;
    margin: 30px auto 0 auto;
    width: 1450px;
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
}

Hope this will help.

Thanks.