# Why is the large middle blankspace in the header not configurable?

**URL:** https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018
**Category:** Support
**Created:** [2017 年 2 月 27 日午後 2:27 UTC](https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018 "2017-02-27T14:27:04Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![caub](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/caub/32/121044_2.png) [@caub](https://meta.discourse.org/u/caub)
#### Post date: [2017 年 2 月 27 日午後 2:27 UTC](https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018/1 "2017-02-27T14:27:04Z")

</div>

I know it’s possible to add another header on top of it, but I don’t understand the reason for that huge blank with only a floated left logo and floated right icons.

I tried putting some remote site links at the middle, with js on page DOMContentLoaded, but it messes a lot with the rest of ember app

Why not allowing to fill this gap in configurations?

example:

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

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017 年 2 月 27 日午後 2:34 UTC](https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018/2 "2017-02-27T14:34:42Z")

</div>

Sure there is.

> [@Customized header link target attribute being ignored](https://meta.discourse.org/t/customized-header-link-target-attribute-being-ignored/57380/7):
>
> Oh this is interesting, if you take that code and change it to \<script type="text/discourse-plugin" version="0.4"\> api.decorateWidget('header-buttons:after', helper =\> { const showExtraInfo = helper.attrs.minimized; if(!showExtraInfo) { return helper.h('a.blog-link', {href:'https://blog.example.com', target:'\_blank'}, 'Visit our blog'); } }); \</script\> It will open in a new window just fine. So there seems to be a difference in how the clicks are handled when i…

And

> [@(Superseded) Add header menu links](https://meta.discourse.org/t/how-to-add-header-menu-links/29563):
>
> This tutorial has been superseded by a theme component courtesy of @Johani. play_button outdated tutorial

And

> [@Adding links to Discourse header](https://meta.discourse.org/t/adding-links-to-discourse-header/47830/7):
>
> Feverbee also has header links that I helped them out with, they are using this code: \<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/resources', …

Or through overriding the template

> [@Adding links to Discourse header](https://meta.discourse.org/t/adding-links-to-discourse-header/47830/2):
>
> We use a plugin where we override the entire header template. Specifically

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2019 年 1 月 21 日午後 6:22 UTC](https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018/3 "2019-01-21T18:22:11Z")

</div>

The easiest way to do that is using our theme components

> [@Customize the header with links, icons, or menus](https://meta.discourse.org/t/best-way-to-customize-the-header/13368):
>
> bookmark This guide is crafted for users who want to spruce up their site’s header by adding links, icons, or menus. Whether you’re using simple theme components or opting for more intricate customizations, this manual provides clear, step-by-step instructions to help you make the desired changes, no matter your level of technical know-how. person_raising_hand Required user level: Administrator The easy way (Theme Components) Each theme component is different, so read the topics related…

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2019 年 1 月 21 日午後 6:22 UTC](https://meta.discourse.org/t/why-is-the-large-middle-blankspace-in-the-header-not-configurable/58018/4 "2019-01-21T18:22:17Z")

</div>


