CSS로 전체 폭 헤더 만들기?

개발
1

안녕하세요, 이 코드 외에 다른 코드가 있나요?
그리고 GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub 이 외의 것 말고요.

.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

안녕하세요,

에서 말씀하신 것은 무엇인가요?

풀WIDTH(전체 너비) 구성 요소를 제대로 설치하셨나요? 다른 구성 요소를 비활성화하여 간섭이 있는지 확인해 보셨나요?

4

안녕하세요 @chapoi, 관심 가져주셔서 감사합니다.
컴포넌트를 삭제하고 아래 코드를 사용했습니다.

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

이제 제가 원하는 대로 코드가 작동합니다. :pray: