Vollbreiten-Header mit CSS?

Entwickler
1

Hallo, gibt es neben diesen Codes noch andere Codes?
und abgesehen von diesem 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;
  }

}

Dieser Screenshot nach der Full-Width-Komponente

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

2

Bitte helfen Sie mir, wie kann ich das beheben?
Mit Full-Width-Component (Ich habe die Codes nacheinander auf die Website eingefügt, aber es hat nicht funktioniert.)

3

Hallo,

Was meinst du mit:

?

Hast du die Vollbreitenkomponente richtig installiert? Hast du versucht, andere Komponenten zu deaktivieren, um zu sehen, ob etwas stört?

4

Hallo @chapoi , danke für dein Interesse.
Ich habe die Komponente gelöscht und diesen Code verwendet.

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

Der Code funktioniert jetzt wie gewünscht. :pray:

1 „Gefällt mir“
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.