# Customisations to the admin dropdown

**URL:** https://meta.discourse.org/t/customisations-to-the-admin-dropdown/143894
**Category:** Development
**Created:** [March 11, 2020, 11:07am UTC](https://meta.discourse.org/t/customisations-to-the-admin-dropdown/143894 "2020-03-11T11:07:39Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![stevenhardy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenhardy/32/172383_2.png) [@stevenhardy](https://meta.discourse.org/u/stevenhardy)
#### Post date: [March 11, 2020, 11:07am UTC](https://meta.discourse.org/t/customisations-to-the-admin-dropdown/143894/1 "2020-03-11T11:07:39Z")

</div>

Hello,

I am wondering if someone can help me, I have been going around in circles a little bit. Does anyone know how i can change the admin panel to a custom design, please? I have included a screenshot of what I mean.

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/2/e297feea58689802dd5f41aa11cfd0de9c1fc6f9.png)

---

<div class="post-metadata">

### Author: ![stevenhardy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenhardy/32/172383_2.png) [@stevenhardy](https://meta.discourse.org/u/stevenhardy)
#### Post date: [March 11, 2020, 11:08am UTC](https://meta.discourse.org/t/customisations-to-the-admin-dropdown/143894/2 "2020-03-11T11:08:59Z")

</div>

This is the same for the user panel. I need to change this too, please?

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

---

<div class="post-metadata">

### Author: ![stevenhardy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenhardy/32/172383_2.png) [@stevenhardy](https://meta.discourse.org/u/stevenhardy)
#### Post date: [March 12, 2020, 1:58pm UTC](https://meta.discourse.org/t/customisations-to-the-admin-dropdown/143894/3 "2020-03-12T13:58:52Z")

</div>

As a solution for this, i had to hide the menu through CSS and then use this to create the menu:

```
  const h = require("virtual-dom").h;
  const headerIcons = [];
  const userIcon = []

  headerIcons.push(
    h(
      "a.toggle-hamburger-menu",
      {
        href: "#"
      },
      h(
        "svg.hamburger"
      )
    )
  );

  api.decorateWidget('header-icons:before', helper => {
    return helper.h('li.hamburger-toggle',headerIcons);
  });

```

Just in case anyone needs this in the future.