헤더 서브메뉴에 선이 나타납니다

헤더 서브메뉴를 설치하면 모바일에서 제거해야 하는 줄이 표시됩니다.

다시 설치해 보았지만 해결되지 않았습니다.

‘정치적 올바름의 문제(The issue of political correctness)’라는 주제에서 그 줄을 볼 수 있습니다. 화면을 바꿔도 사라지지 않습니다. 문제는 모바일에서만 발생합니다. https://www.theel.armchairjournal.com

어떻게 제거할 수 있을까요?

우선, 디스커스 메타에 오신 것을 환영합니다 :smile:

그리고 링크를 수정해 주세요: https://www.theel.armchairjournal.com << 이 링크가 잘못되었습니다

아래와 같이 되어야 합니다:
https://theel.armchairjournal.com/

https://theel.armchairjournal.com/

이 줄이 보이지 않는데, 수정하신 건가요?

문제를 확인했습니다. Android에特有的인 것 같습니다. 조사해 보겠습니다.

아니요. 이 문제는 데스크톱이 아니라 안드로이드 모바일에서 발생합니다.

감사합니다. 의견을 기다리겠습니다.

아 네, 저는 아이폰만 가지고 있어요. 빨리 고쳐지길 바라요 :+1:

이 문제에 대해 잠시 시간을 할애해 보았지만, 왜 이런 일이 발생하는지 100% 확신하지는 못합니다. 모바일 Chrome의 렌더링 버그일 수 있습니다 (Discourse가 모바일 보기로 설정되어 있을 때 데스크톱 Chrome에서는 이런 현상이 발생하지 않기 때문이죠)… 가로 방향 오버플로우가 원인이지만, 컴포넌트가 올바르게 작동하려면 오버플로우가 필요합니다.

사용자님의 경우, 메뉴 내용을 조금 더 좁게 만든다면… 예를 들어 “Read Journal” 대신 "Journal"을 사용한다면 – 문제가 사라집니다.

생각해 주셔서 감사합니다. 관찰(Observation)을 위해 'Journal’이라는 단어를 제거했고, 새로운 컴포넌트가 있어 컴포넌트도 업데이트했습니다. 그 결과 모바일에서 전체 메뉴가 보이지 않게 되었습니다. 지금은 메뉴가 전혀 안 보여요.

테마에서 .d-header에 position: absolute;가 설정되어 있는 것 같습니다 — 이를 제거하면 다시 표시되어야 합니다.

그렇게 하면 문제가 생길까요? 메인 테마 CSS 파일이니까요.

자세히 보니… 테마에 몇 가지 문제를 일으킬 것 같습니다. 커스터마이징을 위해 템플릿을 오버라이드한 적이 있나요? 최신 버전의 Discourse를 사용 중이신 것 같은데, 헤더에 최근 추가된 일부 변경 사항이 빠져 있는 것으로 보입니다.

여러분 안녕하세요

저도 정확히 같은 문제가 있습니다! 우회 방법을 찾으신 분 계신가요? @awesomerobot @Srinath_Rao1

스크린샷은 아래에 첨부했습니다.