헤더 문제

여러분 안녕하세요,

오래전부터 포럼을 업데이트하지 않았습니다. 며칠 전 업데이트를 하려 했는데, Docker로는 작동하지 않아서 서버에서 수동으로 진행했습니다. 모든 것이 잘 작동하는데, 다음 부분만 예외입니다.

  • 헤더에 버그가 있습니다.

초록색 선이 보이고 텍스트가 숨겨집니다.

도와주실 수 있나요?

1개의 좋아요

아마도 오래된 테마 컴포넌트를 사용 중인 것 같습니다. 문제의 원인을 찾기 위해 하나씩 비활성화해 보세요. (메타에 등록된 컴포넌트라면 업데이트가 있을 가능성이 높으므로, 모두 업데이트하는 것도 방법입니다.)

3개의 좋아요

네, 맞습니다. 처음에는 모든 것이 업데이트된 줄 알았지만, 실제로는 그렇지 않았습니다. 그래서 괜찮은 것 같아요. 문제가 해결될 거라고 생각합니다. 감사합니다!

죄송합니다, 다시 돌아왔습니다. 불행히도 제가 설치한 모든 플러그인(총 4개)을 비활성화했는데도 여전히 일부 텍스트를 가리는 초록색 막대가 나타납니다. 이런 종류의 버그는 정말 싫어요. 사소한 문제이지만 너무 짜증나네요.

테마와 테마 컴포넌트를 확인해야 합니다. 플러그인과는 다른 개념입니다. (좋은 소식은 관리자 화면의 ‘커스터마이즈’ 메뉴에서 이 작업을 수행할 수 있다는 것입니다.)

네, 확인했어요. 그리고 플러그인을 전부 업데이트했는데도 변화가 없어요… 이해가 안 돼요…

헤더에 녹색 드롭 섀도(그림자)가 있는 것 같습니다. 브라우저에서 요소의 CSS를 검사하는 방법을 알고 계신가요? 알지 못하신다면, 스크린샷만으로는 추가적인 단서를 얻을 수 없으므로 사이트 도메인을 공유해 주셔야 합니다.

1개의 좋아요

이 문제를 해결하셨나요? 이 문제를 디버깅하려면 CSS 기술이 필요합니다.

2개의 좋아요

CSS에 대해 조금 알고 있어서 마진과 패딩을 시도해 봤지만, 아무것도 작동하지 않습니다.

제 도메인은 다음과 같습니다:

감사합니다

아니, 안타깝게도 성공하지 못했습니다.

안녕하세요,

.d-header에서 position: absolute;를 제거하면 문제가 해결됩니다.

3개의 좋아요

정말 놀랍네요, 정말 감사합니다. 또한 녹색 선을 제거했던 다른 한 줄도 삭제했습니다.

다시 한번 감사합니다 :raised_hands:

2개의 좋아요

그리고 검색 버튼도 수정할 수 있습니다. 아직 픽셀 단위로 완벽하지는 않지만…

.title .search-header .search-icon {
    height: 40px;
}

3개의 좋아요

여기에서 아낌없이 제공해 주신 도움에 감사드립니다. 다만, meta에서 CSS를 가르치는 것은 우리의 역할이 아닙니다라는 점을 이해해 주시기 바랍니다. CSS 관련 도움이 필요하시다면, 수천 개의 CSS 교육 웹사이트를 활용하시거나 전문가를 고용하시는 것이 좋습니다.

1개의 좋아요