Upstart Theme Documentation

Customizing the Header

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

• Logo – Update your site’s logo
• Menus – Organize and manage navigation menus
• Internationalization (i18n) – Enable multiple languages
• 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:

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)

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

Example: French (fr.json)

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

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