# Customizing Header

## **Customizing the Header**

The header contains following essential elements that you can customize using the links below:

- **Logo** – [Update your site's logo](/common-guide/customization/site-identify-logo/)
- **Menus** – [Organize and manage navigation menus](/common-guide/customization/menus/)
- **Internationalization (i18n)** – [Enable multiple languages](/common-guide/customization/internationalization/)
- **Navigation Button** – Customize the call-to-action button (see below).

---

### **Customizing the Navigation Button**

To enable or edit the navigation button in the header, open the `config.toml` file in the `src/config` folder and find the following section:

```toml {5}
# config.toml
# Navigation Button In Header
[settings.navigationButton]
  enable = true
  label  = "" # Check src/i18n/en.json and src/i18n/fr.json for changing the navigation button label in different languages or directly add value here if you are not using internationalization feature
  url    = "/contact/"
```

#### Updating the Button Label

The button label is managed through language files for multilingual support. To change it:

1. Open `src/i18n/en.json` (for English) or another language file, such as `src/i18n/fr.json` (for French).
2. Locate the `"navigation"` section.
3. Update the `"buttonLabel"` value.

> Note: If you are not using the multilingual feature, you can update the button label directly in the `config.toml` file

##### Example: English (`en.json`)

```json
"navigation": {
  "buttonLabel": "Get Started"
}
```

##### Example: French (`fr.json`)

```json
"navigation": {
  "buttonLabel": "Commencez à utiliser"
}
```

Once updated, your navigation button will display the new label based on the selected language.