이 변경 사항은 Discourse가 존재해 온 동안 헤더에서 겪어 온 몇 가지 사소한 문제를 개선합니다… 기능적으로 말하면, 헤더가 고정된 위치(페이지 내 다른 요소의 위치와 무관한)에 있는 대신 이제 페이지 내 요소들의 자연스러운 흐름의 일부가 되었습니다… 그래서 메인 아웃렛의 패딩과 마진이 더 이상 필요하지 않게 된 것입니다.
변경 사항이 처음 적용되었을 때 기본 CSS에서 모바일에 추가 패딩이 있었지만, 이는 하루 이틀 후에 수정되었습니다… 아마도 초기 변경 사항과 수정 사항 사이의 그 사이에 업데이트를 하셨을 것 같습니다. 다시 업데이트하시면 문제가 해결될 것입니다 (다시 업데이트하고 싶지 않으시면 .mobile-view #main-outlet { padding-top: 0.25em; }을 추가할 수도 있습니다).
오랜 기간 방치하다시피 하던 것을 최신 버전(2.8.0.beta4)으로 갱신했는데, 제 수정이 생각만큼 지속 가능하지 않은 것 같습니다(혹은 현재 문제가 이 수정과 무관할 수도 있겠고요). 현재 무슨 일이 있었는지 파악하기 위해 조사 중이며, 원인을 알게 되면 이곳에 업데이트하겠습니다. 하지만 아래 내용이 누군가에게 해당된다면 알려주시면 감사하겠습니다.
결론적으로, OP(원문)에서 설명한 것과 동일한 상황이 발생했지만, 이번에는 discourse 헤더가 상단 내비게이션 바를 가리는 것이 아니라 상단 내비게이션 바가 discourse 헤더를 가리는 것입니다. (수정: 현재 헤더가 가려지는 것이 아니라 아예 렌더링되지 않는다고 생각합니다.) safe mode를 통해 기본 테마를 비활성화하면 정상적으로 표시됩니다.
그러나 이상하게도, /admin/customize/themes/11/desktop/scss/edit으로 이동하면 safe mode와 일반 모드 모두에서 discourse 헤더와 상단 내비게이션 바가 모두 올바르게 표시됩니다. 테마 페이지에서 safe mode와 일반 모드 사이에 차이가 없는 이유는 safe mode가 일부 관리자 페이지에는 적용되지 않기 때문이라고 생각합니다. 하지만 왜 관리자 페이지에서는 모든 것이 올바르게 표시되는데 다른 곳에서는 그렇지 않은지 이해가 되지 않습니다.
또 하나 이해가 안 되는 점은, 모바일로 사이트에 접속하면 데스크톱 버전을 명시적으로 요청하더라도 역시 정상적으로 표시된다는 것입니다…