Stella 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

The navigation button is typically displayed in the top-right corner of the header and is useful for highlighting a call-to-action like “Contact”, “Get Started”, or “Hire Me”.

To configure the navigation button:

1. Open the configuration file:
   Navigate to src/config/config.toml.

2. Locate the [settings.navigationButton] section:

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

   • enable: Set to false to hide the navigation button completely.
   • label: The text shown on the button. If multilingual is enabled, update the value from language files like src/i18n/en.json and src/i18n/fr.json.
   • url: The page link that the button redirects to when clicked.

💡 Tip: If you’re using internationalization, update the label in your language files. Example (src/i18n/en.json):

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

Then in your config:

label = "" # Uses localized value from en.json and fr.json