Custom CSS to hide header but keep the right side

I want to hide the left part of the header, hopefully center the right side as well. Did a mock up of what I'd like it to look like. I know I can use

dashboard-header-logo-root

dashboard-header-logo-root

and

dashboard-header-logo-text

dashboard-header-logo-text

to hide those, but using

dashboard-header

dashboard-header

hides the whole thing and there's no opposite to

dashboard-header-group-right

dashboard-header-group-right

. Maybe what I'm looking for is not possible. If that's the case, no worries

Solution

.mantine-Header-root {
  width: fit-content;
  margin: auto;
}

.mantine-Header-root {
  width: fit-content;
  margin: auto;
}