---
title: "How to Change the Logo Link"
description: "Navigation is a huge part of a successful knowledge base. Giving your users an easy way to get back to your company website or application is pretty crucial 🙃"
url: "https://support.helpdocs.io/article/3uiqui5f9u-how-to-change-the-logo-link"
category: "Code Snippets"
updated_at: "2021-01-29T17:35:30Z"
---

# How to Change the Logo Link

Navigation is a huge part of a successful Knowledge Base. Giving your users an easy way to get back to your company website or application is pretty crucial 🙃 We've made sure [adding custom navigation links](/article/V8xW77g64a-adding-custom-navigation-links) to your docs is super easy.

But what if you want to change where users navigate when they click on your company logo?

There's no out-of-the-box way to do that in the HelpDocs dashboard. But luckily it's super easy to do with a couple of lines of code 💪

1. Head to **Settings** > **Code** > **Javascript** (or [click here](https://my.helpdocs.io/app/settings?tab=code))
2. Paste one of the snippets below (choose the right one for [your template](/article/uQDebSnIrD-choosing-a-layout)) into the text editor
3. Change **your-link-here.com** to the URL you wanna link to
4. Hit **Save Changes**

### The code

#### Bars v4

```
<script>
  function ready(fn) {
    if (document.readyState != 'loading'){
      fn();
    } else {
      document.addEventListener('DOMContentLoaded', fn);
    }
  }
  ready(function() {
    var el = document.querySelector('a.hnBranding');
    if (!el) return;
    el.href = 'https://your-link-here.com/';
  });
</script>
```

#### All other templates

```
<script>
  function ready(fn) {
    if (document.readyState != 'loading'){
      fn();
    } else {
      document.addEventListener('DOMContentLoaded', fn);
    }
  }
  ready(function() {
    var el = document.querySelector('a.navbar-brand');
    if (!el) return;
    el.href = 'https://your-link-here.com/';
  });
</script>
```