데스크톱에서는 환영 배너가 표시되지만 모바일에서는 표시되지 않음

지원
1

안녕하세요,

Discourse 사이트의 웰컴 배너(Welcome Banner) 관련 문제가 있습니다.

데스크톱에서는 배너가 정상적으로 표시되지만, 모바일에서는 표시되지 않습니다.

이미 확인해 본 사항은 다음과 같습니다:

  • 신규 회원, 로그인한 회원, 비로그인 방문자를 위한 헤더와 서브헤더 텍스트를 모두 입력했습니다
  • 페이지 표시 범위는 홈페이지로만 설정되어 있습니다
  • 위치는 사이트 헤더 아래로 설정되어 있습니다
  • 하드 리프레시와 시크릿 모드에서도 확인해 보았습니다

하지만 배너는 여전히 데스크톱에서만 표시되고, 모바일에서는 완전히 사라져 있습니다.

모바일 기기에서 웰컴 배너를 표시하려면 활성화해야 하는 특정 설정이 있을까요?

사이트: https://dub.sh/yQ4J8NW

도움 주시면 감사하겠습니다!

2

기억이 맞다면 이건 의도된 설계입니다. 잘못 기억하고 있는 게 아니라면, 더 넓은 화면 크기의 기기를 위한 것이었어야 합니다. 어딘가에서 이 내용을 읽은 것 같은데, 지금은 찾을 수가 없네요…

(그리고 왜 그냥 포럼 링크를 보내지 않는 건가요?)

3

안녕하세요. 전체를 검색해 보았지만 정확한 참고 자료를 찾을 수 없었습니다.

그리고 여기 링크입니다 :backhand_index_pointing_right:포럼

4

네이트가 말한 대로, 의도적으로 그렇게 설계되었습니다.

다만 CSS로만 제한되어 있으므로, 다음과 같이 오버라이드하여 쉽게 적용할 수 있습니다:

@media (width < 40rem) {
    .welcome-banner {
        /* display: none; */
    }
}

모바일에서는 display: block로 변경하면 됩니다.