How to style secondary nav menu without affecting main nav?

Question

I added a secondary navigation menu (above the header) and it's dropdown menus look the same as my main navigation dropdowns. I'm wanting to style them separately without messing up my main nav. Any ideas how I could do this? I'm also trying to right align it. This is my test site.

Answer 1

You've given the secondary menu a class of nav-secondary. As a result, you can use this to alter the styles of anything in that menu via .nav-secondary .another-selector. For example:

.nav-secondary .sub-menu {
    color: blue;
}