Altering The Secondary Navigation Bar

[Brain916]

Hello everyone, so I have a few questions
Recently, I moved the navigation bar from the top of the page to under the primary navigation bar, which you can see here: http://test.sneakerfiles.com/

Now as you can see, as I started adding buttons to the page, the navi bar shows one button then the second below it. I would like to be able to have it go straight across. I know I am probably doing something wrong in CSS, here is what I have for the navi section:

/* 04b - Secondary Navigation ----------- */

#subnav li a {
color: #000;
background-color: #efefef;
overflow: hidden;
padding: 15px 15px;
text-transform: uppercase;
border-radius:3px

}

#subnav
li{
border-right:1px solid #dadada
}

#subnav li a:hover,#subnav li a:active{
color:#5bb1f9
}

#subnav li a:hover,#subnav li a:active,#subnav li:hover a,#subnav .current_page_item a,#subnav .current-cat a,#subnav .current-menu-item a,#subnav .current-post-ancestor
a{
background-color:#fff
}

#subnav .wrap {
margin: 0 auto;
max-width: 1152px;
}

#subnav span.uppercase {
margin-right: 6px;
margin-right: 0.375rem;
}

.subnav-left {
float: left;
padding: 12px 16px;
padding: 0.75rem 1rem;
}

Any codes I should alter or add?

Next part, I wanted to have a space between the primary navigation bar and secondary navigation. How would I achieve this?

Last but not least, I was able to get the corners on the left side of the secondary navigation bar slightly rounded, but I am not sure how to achieve that for the right side...any ideas?

Thanks for reading and your help.

http://test.sneakerfiles.com/

[Susan]

This post has remained unanswered for more than a month. If you're still having trouble please start another thread, ask your question again, so it can get a fresh set of eyes looking at it...

[Author]

Posts