# 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:** 10

<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:** [January 19, 2018, 12:19am UTC](https://meta.discourse.org/t/add-button-to-top-menu/78366/10 "2018-01-19T00:19:16Z")

</div>

Try changing the following

```plaintext
    api.decorateWidget('header-icons:before', function (helper) {
        return helper.h('li', [helper.h('a#home-button.icon', {
            href: 'https://forum.webwinkelcommunity.nl/t/wordt-donateur/2171/1',
            title: 'Wordt Donateur'
        }, helper.h('i.fa.fa-arrow-circle-up.home-button-icon.d-icon'))]);
    });

```

to

```plaintext
    api.decorateWidget('header-icons:before', function (helper) {
        return helper.h('li', [helper.h('a#home-button', {
            href: 'https://forum.webwinkelcommunity.nl/t/wordt-donateur/2171/1',
            title: 'Wordt Donateur',
            text: 'Wordt Donateur'
        })]);
    });

```

With the following CSS

```plaintext
a#home-button {
    border: 1px solid #000;
    padding: 5px;
    border-radius: 3px;
    position: relative;
    display: block;
    margin-top: 5px;
}

```

Screenshot:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/5/25553cd1e1f6fd3d7ac903e6902b2dfb0be5cefc.png)

---

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