# Agregar texto a la barra de navegación superior a la izquierda de los botones de inicio de sesión/registro

**URL:** https://meta.discourse.org/t/add-text-to-top-navbar-to-the-left-of-login-signup-buttons/102330
**Category:** Support
**Created:** [19 Noviembre, 2018 19:33 UTC](https://meta.discourse.org/t/add-text-to-top-navbar-to-the-left-of-login-signup-buttons/102330 "2018-11-19T19:33:05Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [19 Noviembre, 2018 19:33 UTC](https://meta.discourse.org/t/add-text-to-top-navbar-to-the-left-of-login-signup-buttons/102330/1 "2018-11-19T19:33:05Z")

</div>

I’m trying to add a tagline to the top line to the right of the site logo, right justified up against the stuff at the right. My current solution works, but breaks if you’re not logged in.

### header

```plaintext
<div id="top-navbar" class="contents clearfix">
<span id="top-navbar-links" display="none">
   <a href="https://company.com/" class="lc-menu" id="library"
  target="_blank">Name.</a> Powered by <a href=https://company.com/>company</a>.
</span>
</div>

```

### desktop.scss

```plaintext
span#top-navbar-links {
    display:block !important;
    margin:22px 0 0 0;
    align-items: right;
}

div#top-navbar {
        max-width:none; /*remove max width*/
        width: auto; /*prevent other widths taking over*/
        z-index: 1040; /*stays on top of other header*/
        /*position:relative;
        float:left;*/
        position:fixed;
        top:0;
        right: 130px;
    }

```

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [20 Noviembre, 2018 09:12 UTC](https://meta.discourse.org/t/add-text-to-top-navbar-to-the-left-of-login-signup-buttons/102330/2 "2018-11-20T09:12:42Z")

</div>

`position: fixed` is very troublesome in some ways because it’s pretty much blind to everything except the viewport.

Instead you can [decorate](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#heading--4-c-6) the header-bottons widget with something like this in the header section on desktop (mobile has no space for this)

```plaintext
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget("header-buttons:before", helper => {
  return helper.h("span.header-links", [
    helper.h(
      "a#library.lc-menu.custom-header-link",
      {
        href: "https://company.com/",
        target: "_blank"
      },
      "Name."
    ),
    helper.h("span.powered-by", "Powered by"),
    helper.h(
      "a.custom-header-link",
      {
        href: "https://company.com/"
      },
      "company"
    )
  ]);
});
</script>

```

and a little bit of SCSS for padding and colors:

```plaintext
.header-links {
  padding-right: 0.5em;
  .powered-by {
    padding: 0 0.25em;
    color: foobar; // <-- change text color
  }
  .custom-header-link {
    color: foobar; // <-- change link colors
  }
}

```

that should be enough to create something like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/d/9ddf15391a5171de176d71b37dcf86705f2076d0.png)

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [20 Noviembre, 2018 18:24 UTC](https://meta.discourse.org/t/add-text-to-top-navbar-to-the-left-of-login-signup-buttons/102330/3 "2018-11-20T18:24:33Z")

</div>

That’s fantastic, @Johani. Thanks to your undying patience, I’m starting to understand those mysterious `helper.h` things. (I think I need to read up on Ember to understand those?).

But of course, now they want the text left aligned with the logo. ☹

EDIT: But wait! [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648) showed me enough to find the `home-logo` widget and fix it! You’re a genius, and an excellent teacher.