Frontend theme like the Default WordPress admin Dashboard

Hi there,

There is the Brand site in the Site Libary:

https://gpsites.co/brand/

Which has the header and side menu. Which could be a starting point.

Otherwise you would approach it like so:

1. use the Navigation as Header option in the Customizer > Layout > Header to create a narrow top menu.

2. enable the Off Canvas Panel for Desktop and Mobile.

3, Add this CSS so the Off Canvas positions itself in view on larger screens without the hamburger:

:root {
    --sticky-top: 0;
    --top-offset: 60px; /* height of main navigation */
}
body.admin-bar {
    --sticky-top: 32px; /* height of admin bar */
}
@media(min-width: 1024px) {
    .slideout-toggle {
        display: none;
    }
    #page {
        padding-left: var(--gp-slideout-width)
    }
    #site-navigation {
        position: sticky; 
        top: var(--sticky-top);
    }
    #generate-slideout-menu {
        display: block;
        left: 0;
        top: calc(  var(--top-offset) +  var(--sticky-top) );
    }
}

It provides the basics of that layout and handles responsive needs without thinking, as the navigation just falls back to normal mobile off canvas.

You’re welcome