긴 로고 때문에 모바일에서 데스크톱 뷰에 고정됨

제품 지원
1

이것은 버그로 간주될 수 있지만, 확신은 하지 않습니다.

한 사용자는 모바일 기기에서 데스크톱 보기로 고정되어 있습니다(왜 데스크톱 보기를 클릭했는지는 알 수 없습니다). 우리의 긴 로고 때문에 햄버거 메뉴가 화면 밖으로 밀려나 있기 때문입니다. 메타에서 이 문제를 재현할 수 없는 이유는 데스크톱 보기에서도 로고가 잘 맞게 표시되기 때문입니다.

데스크톱 보기에서 벗어나려면 URL을 변경하라고 안내할 수는 있지만, 디스코스 앱에서는 이것이 불가능합니다. 사용자가 다시 전환할 수 있도록 로고를 일시적으로 숨길 수는 있지만, 이는 엣지 케이스이긴 하지만 장기적인 실제 해결책이 있으면 좋겠습니다.

모든 테마 컴포넌트와 플러그인을 비활성화해 보았지만, 여전히 이 문제를 재현할 수 있습니다.

image
image1104×1574 287 KB

2

“커뮤니티” 드롭다운 메뉴에 Nature Photographers Network 링크를 추가할 수 있습니다(모바일 뷰로 돌아가기 위해).

테마 컴포넌트를 사용하여 햄버거 메뉴에서 “데스크톱 보기” 옵션을 제거할 수 있습니다.

포럼을 Discourse 앱에서 제거했다가 다시 추가하면 현재 문제가 해결될지 궁금합니다.

3

네, 동의합니다. 이것은 코어에서 수정이 필요하다고 생각합니다. 데스크톱 레이아웃에서 작은(768px 미만) 창 크기에 대해 로고의 최대 폭을 강제하는 것이 가장 좋은 해결책이 될 것 같습니다.

또한, 이를 재현하는 가장 쉬운 방법은 브라우저의 반응형 디자인 모드를 사용하는 것이지만, 모바일 사용자 에이전트(user agent)는 사용하지 않는 것입니다. 이렇게 하면 데스크톱 사이트가 로드되고, 창을 작은 크기로 조정할 수 있습니다. (아래는 Safari의 예시입니다.)

image
image1580×2012 324 KB

4

Penar, 감사합니다. 덕분에 데스크톱 뷰에서 768px 이하일 때 로고를 모바일 로고로 교체하는 아이디어를 얻었습니다. 비슷한 기능이 코어에 포함되어야 할 것 같습니다. 감사합니다!

@media only screen and (max-width: 768px) {
  body {
    .d-header #site-logo {
       content:url("https://images.naturephotographers.network/original/2X/4/45d1b54bc00a5a737fae7dfe3d79b8d8dfd71729.png");
    }
  }
}