Balance Theme Nav Menu Font

[Barry Moore]

I am trying to change the font of the top nav bar in the Balance theme.

I put this in the style sheet but nothing has changed.

/* Import Fonts
------------------------------------------------------------ */

@import url(​http://fonts.googleapis.com/css?family=Lora:400,700);

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */

.menu-primary,
.menu-secondary {
clear: both;
color: #222;
font-family: "Oswald", Helvetica, sans-serif;
margin: 0 auto;
overflow: hidden;
width: 100%;
}

[ulysses]

The way you're importing the fonts seems to be working. I noticed you've added Helvetica in font-family. Try removing it to see if it makes a difference. Also, try applying Oswald to body, Oswald will be applied to the entire site, then you will know it works. That's always a good test. Maybe, you're just using the wrong class. Don't forget to refresh when you apply new CSS.

[Barry Moore]

I know the Oswald import works because that is what I ma using for my H1 and it is fine.

http://thebrandengine.com

[ulysses]

Try this. You were using the wrong class.

#menu-primary-navigation {font-family:'Oswald', sans-serif;}

It doesn't look like you're using the secondary navigation at the moment.

[Barry Moore]

Nope. I just got this back from support. I would have never figured that one out.

"The menu you have on your site is in the header right widget area rather than in a primary or secondary navigation location. To style that menu, you can add a rule for the header menu.

#header .menu {
float: right;
font-family: 'Oswald';
}
"

[Author]

Posts