Customisations to the admin dropdown

Dev
1

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
image473×692 50.5 KB

2

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

image

3

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.

2 Likes