Jump to content

Change Header Navigation font (Bedford)

Recommended Posts

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!

Link to comment
  • Replies 4
  • Created
  • Last Reply
  • 2 weeks later...

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!

Link to comment

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!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.