# Why isn't there an obvious link from meta.discourse.org to discourse.org in the header?

**URL:** https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634
**Category:** Site feedback
**Created:** [Juillet 5, 2017, 7:23 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634 "2017-07-05T07:23:15Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![DonaldH](https://avatars.discourse-cdn.com/v4/letter/d/35a633/32.png) [@DonaldH](https://meta.discourse.org/u/DonaldH)
#### Post date: [Juillet 5, 2017, 7:23 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/1 "2017-07-05T07:23:16Z")

</div>

Is there a good reason not to have one? It seems like a link back to the main website would be simpler/better than forcing users to go up to the address bar and edit the url.

The reason I ask is because I want to link back to my main website from my discourse forum, and I’m wondering if there’s any good reason this shouldn’t be done.

Also, I know that the header HTML can be edited, but where can I find the default HTML to edit? I want to add a link either in the nav menu or in the section above it.

Thanks

---

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [Juillet 5, 2017, 8:02 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/2 "2017-07-05T08:02:03Z")

</div>

Slightly OT – but I’d be interested in seeing how other Discoursi handle this issue as well. We do this:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/0/4009ab19e9124042c197dd3084af4620dda32344.png)

Which is workable but not altogether elegant.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Juillet 5, 2017, 8:05 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/3 "2017-07-05T08:05:11Z")

</div>

I do this. Happy to share my code if anyone wants it.

> **[FeverBee: Community Consultants](https://www.feverbee.com/)**
>
> We’ve helped 300+ organisations develop successful communities for customers, fans, and employees. Discover how we can help you too.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [Juillet 5, 2017, 8:05 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/4 "2017-07-05T08:05:13Z")

</div>

There are a couple of examples in #howto

[https://meta.discourse.org/t/custom-nav-header-like-discourse-org/21053](https://meta.discourse.org/t/custom-nav-header-like-discourse-org/21053)

> [@Add a custom header with a dropdown menu](https://meta.discourse.org/t/custom-header-with-dropdown-navigation/33451):
>
> We’ll be implementing a black header with one link that reveals a menu of more links, like this: In Admin \> Customize \> CSS/HTML, create a new customization. Remember that you can have multiple customizations active at the same time, so it’s a good idea to use many of them instead of one giant one for everything. For this custom header, create a new customization called “Header Nav”. To implement this sample nav, we need some CSS, HTML, and javascript to show and hide the d…

---

<div class="post-metadata">

### Author: ![DonaldH](https://avatars.discourse-cdn.com/v4/letter/d/35a633/32.png) [@DonaldH](https://meta.discourse.org/u/DonaldH)
#### Post date: [Juillet 5, 2017, 8:21 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/5 "2017-07-05T08:21:17Z")

</div>

That is the best looking discourse implementation I’ve yet seen, and I’d love to see your code, thank you.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Juillet 5, 2017, 8:41 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/6 "2017-07-05T08:41:36Z")

</div>

Thanks. 🙂

I’m about to run out the door so I’m doing this in a rush – I’ll check back in the morning in case you have questions.

Put this in the `</head>` section and customise to suit:

```plaintext
<script type="text/discourse-plugin" version="0.2">
api.decorateWidget('home-logo:after', helper => {
    const showExtraInfo = helper.attrs.minimized;
        if(!showExtraInfo) {
            return helper.h('ul.nav-link-container', [
                helper.h('li.hidden-for-mobile', [
                    helper.h('a.nav-link', {
                        href:'https://www.feverbee.com/register', 
                        text:'REGISTER',
                        target:'_blank'
                    })
                ]),
                helper.h('li.hidden-for-mobile', [
                    helper.h('a.nav-link', {
                        href:'https://www.feverbee.com/resources', 
                        text:'RESOURCES',
                        target:'_self'
                    })
                ]),
                helper.h('li.hidden-for-mobile', [
                    helper.h('a.nav-link', {
                        href:'http://ondemand.feverbee.com/', 
                        text:'TRAINING',
                        target:'_blank'
                    })
                ]),
                helper.h('li.hidden-for-mobile', [
                    helper.h('a.nav-link', {
                        href:'http://www.feverbee.com/consultancy', 
                        text:'CONSULTANCY',
                        target:'_blank'
                    })
                ]),
                helper.h('li.hidden-for-mobile', [
                    helper.h('a.nav-link', {
                        href:'http://www.feverbee.com/about-us', 
                        text:'ABOUT',
                        target:'_blank'
                    })
                ]),
                helper.h('li', [
                    helper.h('a.nav-link', {
                        href:'http://www.feverbee.com', 
                        text:'HOME',
                        target:'_self'
                    })
                ])
            ]);
        }
});
</script>

```

Then put this in your custom CSS:  
\*caveat: I haven’t revisited these media queries for many upgrades so some may no longer be necessary and it’s almost def not best practice!

```plaintext
/*header stripe, shadow*/
.d-header {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
padding-bottom: 3px;
border-bottom: 2px solid #f3a633;
}

.badge-wrapper.box span.badge-category {
    padding: 0 6px 2px;
}

// header links

.mobile-view .hidden-for-mobile { 
    display: none; 
}
.add-header-links {
    margin-left: 0 !important;
}

@media screen and (max-width: 940px) {
    .nav-link-container {
        display: none;
    }
}
@media screen and (max-width: 830px) {
    .nav-link-container {
        display: none;
    }
}
@media screen and (max-width: 743px) {
    .nav-link-container {
        display: none;
    }
}
@media screen and (max-width: 667px) {
    .nav-link-container {
        display: none;
    }
}
@media screen and (max-width: 650px) {
    .nav-link-container {
        display: none;
    }
}
@media screen and (max-width: 525px) {
    .nav-link-container {
        display: none;
    }
}
    
.nav-link-container {
  display: inline;
  position: absolute;
  right: 140px;
}
.nav-link-container li { 
  display: inline-block;
  float:right;
}
.nav-link-container a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-align: center;
  font-family: 'Montserrat'; 
  line-height: 48px;
  min-width: 90px;
  font-size: 15px;
  padding: 0 1em;
}

```

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Octobre 24, 2017, 9:29 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/7 "2017-10-24T21:29:53Z")

</div>

Thanks @HAWK, am actually benchmarking from what you did at [https://experts.feverbee.com/](https://experts.feverbee.com/) to customise our new community still under construction.  
I don’t mind if you passby [http://community.world-like-home.com](http://community.world-like-home.com) (it’s in french though 😊 )

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Octobre 24, 2017, 11:36 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/8 "2017-10-24T23:36:16Z")

</div>

After adding the **header with links, I wanted to add a banner.** I guess am just supposed to add the code to the existing CSS ? I did that using the code provided here

[https://experts.feverbee.com/t/customizing-a-discourse-forum-for-non-coders-and-designers/3001/11](https://experts.feverbee.com/t/customizing-a-discourse-forum-for-non-coders-and-designers/3001/11)

But there seems to be no effect, any idea why?

Thanks

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Octobre 24, 2017, 11:51 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/9 "2017-10-24T23:51:18Z")

</div>

You have to create a banner post for those styles to be applied to. I can’t see one on your forum.

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Octobre 25, 2017, 11:03 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/10 "2017-10-25T11:03:51Z")

</div>

I thought the image was going to show up irrespective of if I added a banner topic or not.  
I just added the banner topic, but the background image I defined in the CSS is simply being ignored!  
Here is the banner image code 🙂  
/\> / banner

> #banner {  
> border-radius: 0;  
> box-shadow: none;  
> background: url(“[http://community.world-like-home.com/uploads/default/optimized/1X/b6c6b89e0a7ff4b8ffd6cfc97bd7d8fb8c39774c\_1\_690x251.jpg”](http://community.world-like-home.com/uploads/default/optimized/1X/b6c6b89e0a7ff4b8ffd6cfc97bd7d8fb8c39774c_1_690x251.jpg%E2%80%9D)) no-repeat;  
> padding: 20px;  
> max-height: inherit;  
> background-size: cover;  
> background-color: rgba(255, 255, 255, .6);  
> background-blend-mode: color;  
> }

Am guessing there’s something am not doing right ?

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Octobre 25, 2017, 5:29 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/11 "2017-10-25T17:29:33Z")

</div>

> [@efuetatem1](#):
>
> I thought the image was going to show up irrespective of if I added a banner topic or not.

Nope, that’s not how CSS works I’m afraid!

So that is working – it’s just that you are linking to an image for the background that is 404ing.

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Octobre 25, 2017, 5:32 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/12 "2017-10-25T17:32:48Z")

</div>

Thanks very much @HAWK, what is the image supposed to be please 🤔?

Sorry too much questions

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Octobre 25, 2017, 5:33 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/13 "2017-10-25T17:33:35Z")

</div>

It’s all good. I can’t answer that one though – you need to find the correct link to the image.

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Octobre 25, 2017, 5:35 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/14 "2017-10-25T17:35:35Z")

</div>

Thanks very much 🤗

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Novembre 1, 2017, 8:13 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/15 "2017-11-01T20:13:16Z")

</div>

Sorry @HAWK lot’s of questions…

I successfully made the background image to appear (I don’t even know exactly how I guess there was something wrong with the code), but I can’t see how to make it fill the whole width of the screen. I have tried with width 100%, but its not helping…

Am also curious to know how you managed to add the search bar on top of the banner? 😉

Thanks very much…

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Novembre 1, 2017, 8:18 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/16 "2017-11-01T20:18:15Z")

</div>

What size is the image?

> [@efuetatem1](#):
>
> Am also curious to know how you managed to add the search bar on top of the banner?

That’s a very different prospect. What you are creating is something that will end up like the banner [here](http://community.uxmastery.com/). The FeverBee homepage isn’t a pinned banner, it’s much more complicated customised CSS.

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Novembre 1, 2017, 9:47 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/17 "2017-11-01T21:47:15Z")

</div>

> [@HAWK](#):
>
> That’s a very different prospect. What you are creating is something that will end up like the banner here. The FeverBee homepage isn’t a pinned banner, it’s much more complicated customised CSS.

ok I see, I guess that’s why I can’t easily make the image fill the width like what you have at FeverBee.

The image should be 977 KB

Thanks

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Novembre 1, 2017, 9:49 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/18 "2017-11-01T21:49:32Z")

</div>

You should be able to… did you look at the uxmastery example? I have the image filling the banner there. Sorry, I should have said what dimensions are the image.

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [Novembre 1, 2017, 10:08 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/19 "2017-11-01T22:08:48Z")

</div>

I sketched one of the methods. In widget insert any html code.  
Might come in handy.  
CSS connected. Done in 5 minutes. But it seems to work.  
[https://github.com/Toxu-ru/banner-test](https://github.com/Toxu-ru/banner-test)

---

<div class="post-metadata">

### Author: ![efuetatem1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/efuetatem1/32/63191_2.png) [@efuetatem1](https://meta.discourse.org/u/efuetatem1)
#### Post date: [Novembre 2, 2017, 12:26 UTC](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634/20 "2017-11-02T00:26:47Z")

</div>

> [@HAWK](#):
>
> You should be able to… did you look at the uxmastery example? I have the image filling the banner there.

Yeah, but I was not talking about the image filling the banner, rather filling the width of my screen. But thanks, I will have to leave it like that for now, I will come back to it sometime later!

Thanks

[Next page](https://meta.discourse.org/t/why-isnt-there-an-obvious-link-from-meta-discourse-org-to-discourse-org-in-the-header/65634.md?page=2)