Change Header Navigation font (Bedford)

I want to change the font in my header navigation.  I'm able to do it to each link that is a direct link (i.e., I click on it and it takes me directly to a page), but the items that are drop-down menus on hover don't change.

I'm using this code:

#headerNav nav a {
 font-family: 'AspiraWide' !important;
}

The website is at www.middle.st – It's subtle, but you can see the "Events" and "Contact Us" links are a slightly different font.

Thanks!

Yes, it's a slightly different code for those. Try this:

#mainNavigation .folder-toggle {
 font-family: 'AspiraWide' !important;
}

That fixed it – thanks so much!

Hi. I am using Lusaka and have tried multiple codes to change the font of my navigation, but none have worked. I have managed to change the font of everything else, now its just the navigation I am struggling with. Thanks on beforehand!

I'm not an expert, but here's the code I used.  Replace "Acrom" with the name of your font.  If that doesn't work, I suggest you start a new thread on the forum, since better experts than I will be more likely to see it there.

/* change header nav font to Acrom */
#headerNav nav a {
 font-family: 'Acrom' !important;
}
#mainNavigation .folder-toggle {
 font-family: 'Acrom' !important;
}

Hope that helps!