Foundry Nav Type Letterspacing


I’m looking to add some letterspacing to the text in my navigation (using the standard Nav Bar stack in Foundry).

Any idea of what CSS I can use to be able to to that?


Are you trying to add spacing to the menu items text or to something else in the nav bar?

Hi there - just the actual text in the nav bar. I would like to track the lettering out a little…


I’m still not 100% clear on what you want to change. Are you talking about the “Branding” text? Do you happen to have a link?

If you are talking about the branding text, you should be able to paste this into the Settings --> Code --> CSS area. Adjust the px as needed.

nav.navigation_bar .navigation_branding a {
	letter-spacing: 2px;

Hi Don - sorry for the confusion. I’m looking to add letter spacing in the navigation text itself - I’ve attached an image - the white text is what I hope to change. Cheers

Without a URL to a test page it’s hard to tell for sure but, give this a try:

a.nav_item {
    letter-spacing: 2px;

Doug’s code should work fine for the actual menu items’ text.

Bingo! That’s spot on. Thanks very much

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.