En-tête pleine largeur avec CSS ?

Dev
1

Bonjour, y a-t-il d’autres codes en dehors de ces codes ?
et en dehors de ce 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;
  }

}

Cette capture d’écran après le composant pleine largeur

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

2

Aidez-moi s’il vous plaît, comment puis-je corriger cela ?
Avec le composant pleine largeur (j’ai ajouté les codes sur le site un par un, mais cela n’a pas fonctionné.)

3

Salut,

Que veux-tu dire par :

?

Avez-vous correctement installé le composant pleine largeur ? Avez-vous essayé de désactiver d’autres composants pour voir s’il y avait une interférence ?

4

Salut @chapoi , merci pour votre intérêt.
J’ai supprimé le composant et utilisé ces codes.

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

Les codes fonctionnent comme je le souhaite maintenant. :pray:

1 « J'aime »
7

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