Full width header with CSS?

[ogulcan1787 (Ogulcan)]

Hello, is there any other code apart from these codes?
and apart from that GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

.d-header,
.drop-down-visible .d-header {
  padding-top: 0px;

  .wrap {
    max-width: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
    width: 100%;
    padding: 0;
  }

}

That screenshot after full widht component

[ogulcan1787 (Ogulcan)]

Help please how can i fix that ?
With full-width-component (I added the codes to the site one by one, but it didn’t work.)