How can I change the menu font

Trying to change menu text font without it affecting any other content on the site

Thanks

Hi @Ryan_Crosbie,

you can change the menu link font for a specific element by his ID in the asset manager section <…>. Every element has an ID e.g.: #ed-12345678 and links are defined with <a> tag. So you can give the element a separated font-family. E.g.:

#ed-12345678 a {
    font-family: "Times New Roman", Times, serif;
}

Change the element ID and choose your font-family. Here is a list with safe web fonts. You will find the element ID on the left upper side, when you have selected the element you want.

Let me know if it helped you.

2 Likes

Hi @Ryan_Crosbie

if you have already set up the desired font as the “Default” or “Headline” font within Design → Fonts …
image

… you can simply choose one of it by following this click path:

  1. Right-click your menu and click on Style
  2. Below Style → Menu Bar open the category Menu Item and set Font either to “Default” or “Headlines”
2 Likes