CSSを使用したフル幅ヘッダー？

開発
1

これらのコード以外に、他にコードはありますか？
そして、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;
  }

}

フル幅コンポーネント後のスクリーンショット

Ekran görüntüsü 2024-04-04 191436
Ekran görüntüsü 2024-04-04 1914362523×1259 173 KB

2

どうすれば修正できますか？
full-width-componentで（コードを一つずつサイトに追加しましたが、動作しませんでした。）

3

こんにちは

次の意味は何ですか？

？

フル幅コンポーネントを正しくインストールしましたか？他のコンポーネントを無効にして、何か干渉するものがないか試しましたか？

4

@chapoi 様、ご関心をお寄せいただきありがとうございます。
コンポーネントを削除し、これらのコードを使用しました。

.d-header > .wrap {
    margin-right: 15px;
    margin-left: 15px;
    max-width: none;
}

コードは現在、私が望むように動作しています。:pray: