헤더 서브메뉴를 설치하면 모바일에서 제거해야 하는 줄이 표시됩니다.
다시 설치해 보았지만 해결되지 않았습니다.
‘정치적 올바름의 문제(The issue of political correctness)’라는 주제에서 그 줄을 볼 수 있습니다. 화면을 바꿔도 사라지지 않습니다. 문제는 모바일에서만 발생합니다. https://www.theel.armchairjournal.com
어떻게 제거할 수 있을까요?
헤더 서브메뉴를 설치하면 모바일에서 제거해야 하는 줄이 표시됩니다.
다시 설치해 보았지만 해결되지 않았습니다.
‘정치적 올바름의 문제(The issue of political correctness)’라는 주제에서 그 줄을 볼 수 있습니다. 화면을 바꿔도 사라지지 않습니다. 문제는 모바일에서만 발생합니다. https://www.theel.armchairjournal.com
어떻게 제거할 수 있을까요?
우선, 디스커스 메타에 오신 것을 환영합니다 ![]()
그리고 링크를 수정해 주세요: https://www.theel.armchairjournal.com << 이 링크가 잘못되었습니다
아래와 같이 되어야 합니다:
https://theel.armchairjournal.com/
https://theel.armchairjournal.com/
이 줄이 보이지 않는데, 수정하신 건가요?
문제를 확인했습니다. Android에特有的인 것 같습니다. 조사해 보겠습니다.
아니요. 이 문제는 데스크톱이 아니라 안드로이드 모바일에서 발생합니다.
감사합니다. 의견을 기다리겠습니다.
아 네, 저는 아이폰만 가지고 있어요. 빨리 고쳐지길 바라요 ![]()
이 문제에 대해 잠시 시간을 할애해 보았지만, 왜 이런 일이 발생하는지 100% 확신하지는 못합니다. 모바일 Chrome의 렌더링 버그일 수 있습니다 (Discourse가 모바일 보기로 설정되어 있을 때 데스크톱 Chrome에서는 이런 현상이 발생하지 않기 때문이죠)… 가로 방향 오버플로우가 원인이지만, 컴포넌트가 올바르게 작동하려면 오버플로우가 필요합니다.
사용자님의 경우, 메뉴 내용을 조금 더 좁게 만든다면… 예를 들어 “Read Journal” 대신 "Journal"을 사용한다면 – 문제가 사라집니다.
생각해 주셔서 감사합니다. 관찰(Observation)을 위해 'Journal’이라는 단어를 제거했고, 새로운 컴포넌트가 있어 컴포넌트도 업데이트했습니다. 그 결과 모바일에서 전체 메뉴가 보이지 않게 되었습니다. 지금은 메뉴가 전혀 안 보여요.
테마에서 .d-header에 position: absolute;가 설정되어 있는 것 같습니다 — 이를 제거하면 다시 표시되어야 합니다.
그렇게 하면 문제가 생길까요? 메인 테마 CSS 파일이니까요.
자세히 보니… 테마에 몇 가지 문제를 일으킬 것 같습니다. 커스터마이징을 위해 템플릿을 오버라이드한 적이 있나요? 최신 버전의 Discourse를 사용 중이신 것 같은데, 헤더에 최근 추가된 일부 변경 사항이 빠져 있는 것으로 보입니다.