Intestazione a larghezza completa con CSS?

Sviluppatore
1

Ciao, c’è qualche altro codice oltre a questi codici?
e a parte questo 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;
  }

}

Quello screenshot dopo il componente full width

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

2

Aiuto per favore, come posso risolvere questo problema?
Con full-width-component (ho aggiunto i codici al sito uno per uno, ma non ha funzionato.)

3

Ciao,

Cosa intendi con:

?

Hai installato correttamente il componente a tutta larghezza? Hai provato a disabilitare altri componenti per vedere se c’è qualcosa che interferisce?

4

Ciao @chapoi, grazie per il tuo interesse.
Ho eliminato il componente e utilizzato questi codici.

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

I codici ora funzionano come desidero. :pray:

1 Mi Piace
7

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