# How to override the site-header.hbs file from custom theme?

**URL:** <https://meta.discourse.org/t/how-to-override-the-site-header-hbs-file-from-custom-theme/318065>\
**Category:** Development\
**Created:** [July 24, 2024, 9:15am UTC](https://meta.discourse.org/t/how-to-override-the-site-header-hbs-file-from-custom-theme/318065 "2024-07-24T09:15:58Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![aslangm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aslangm/32/433938_2.png) [@aslangm](https://meta.discourse.org/u/aslangm)\
**Post date:** [July 24, 2024, 9:15am UTC](https://meta.discourse.org/t/how-to-override-the-site-header-hbs-file-from-custom-theme/318065/1 "2024-07-24T09:15:58Z")

</div>

I’m trying to override site-header.hbs in my custom theme. The path in Discourse to that file is `plugins/styleguide/assets/javascripts/discourse/components/sections/organisms/site-header.hbs`.

I tried to add in my theme’s head\_tag.html file:

```plaintext
<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
  <StyleguideExample @title="site header - in topic - scrolled">
    <div class="d-header-wrap">
        test
    </div>
  </StyleguideExample>
</script>

```

I also tried multiple variations:

```plaintext
<script type="text/x-handlebars" data-template-name="components/sections/organisms/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div>test</div>
</script>

```

but nothing helps. Could you help me please?

---

_[View the full topic](https://meta.discourse.org/t/how-to-override-the-site-header-hbs-file-from-custom-theme/318065)._