# Add button to top menu

**URL:** https://meta.discourse.org/t/add-button-to-top-menu/78366
**Category:** Development
**Created:** [January 18, 2018, 1:45pm UTC](https://meta.discourse.org/t/add-button-to-top-menu/78366 "2018-01-18T13:45:48Z")
**Posts on this page:** 1
**Showing post:** 11

<div class="post-metadata">

### Author: ![TerminalAddict](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/terminaladdict/32/119676_2.png) [@TerminalAddict](https://meta.discourse.org/u/TerminalAddict)
#### Post date: [January 19, 2018, 3:02am UTC](https://meta.discourse.org/t/add-button-to-top-menu/78366/11 "2018-01-19T03:02:05Z")

</div>

This should do it: ( demo: [https://www.mcrides.co.nz](https://www.mcrides.co.nz) I have a “Weather” link )  
You’ll need to style it with css.  
customize-\>theme-\>\</body

```
<script>

  Discourse.ExternalNavItem = Discourse.NavItem.extend({
    href : function() {
      return this.get('href');
    }.property('href')
  });

  I18n.translations.en.js.filters.premium = { title: "Premium", help: "Premium account" };

  Discourse.NavItem.reopenClass({
    buildList : function(category, args) {
      var list = this._super(category, args);
      if(!category) {
        list.push(Discourse.ExternalNavItem.create({href: '/my/link.html', name: 'premium'}));
      }
      return list;
    }
  });

 </script>

```

---

_[View the full topic](https://meta.discourse.org/t/add-button-to-top-menu/78366)._