# Making a theme translation for Custom Header Links

**URL:** https://meta.discourse.org/t/making-a-theme-translation-for-custom-header-links/277628
**Category:** Development
**Tags:** custom-header-links
**Created:** [May 11, 2020, 7:35am UTC](https://meta.discourse.org/t/making-a-theme-translation-for-custom-header-links/277628 "2020-05-11T07:35:17Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![aksoforever](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aksoforever/32/502615_2.png) [@aksoforever](https://meta.discourse.org/u/aksoforever)
#### Post date: [May 14, 2020, 6:54am UTC](https://meta.discourse.org/t/making-a-theme-translation-for-custom-header-links/277628/2 "2020-05-14T06:54:56Z")

</div>

I’m trying to change this use David Taylor’s topic

```
 I18n.t(themePrefix("my_translation_key"))

```

in [Add localizable strings to themes and theme components](https://meta.discourse.org/t/adding-localizable-strings-to-themes-and-theme-components/109867)

```plaintext
<script type="text/discourse-plugin" version="0.8.20">
  // Add an attribute to the <html> tag. This might help the user to style
  // his header links 
  $('html').attr('dhp-locale', I18n.locale)

  const customHeaderLinks = I18n.t(themePrefix("header_nav_link"));
  if (!customHeaderLinks.length) return;

  const h = require("virtual-dom").h;
  const headerLinks = [];

  const mobileView = api.container.lookup("site:main").mobileView;

```

and add a locales/en.yml

but get the [en.theme\_translations.87.header\_nav\_link] resuilt

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/1/115ef5034a5afbd8937fe486b3697bf0ebb7b631.png)  
…so, i do someting wrong?

---

_[View the full topic](https://meta.discourse.org/t/making-a-theme-translation-for-custom-header-links/277628)._
