# 모바일에서 채팅 박스와 헤더 아래 콘텐츠 문제

**URL:** https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806
**Category:** Support
**Tags:** chat
**Created:** [8월 8, 2024, 9:58오후 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806 "2024-08-08T21:58:23Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 8, 2024, 9:58오후 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/1 "2024-08-08T21:58:23Z")

</div>

Discourse 3.4.0.beta1-dev  
iPhone SE 2020

모바일에서 헤더 아래(after header)에 콘텐츠가 있을 때 채팅 박스가 아래로 밀려나는 문제를 발견했습니다. 제 경우엔 아래 사진에 보이는 것처럼 광고 2개가 해당 위치에 표시되어 있으며, 이로 인해 답글 입력 상자에 접근할 수 없습니다.

최소한의 CSS만 포함된 div로 감싸져 있습니다.

 ![The image is a screenshot from a smartphone displaying a conversation within a social media app. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/b/8/1b857ea80d5641e7b1b4496021dafc7568f749d5.jpeg)

---

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 9, 2024, 6:30오전 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/2 "2024-08-09T06:30:45Z")

</div>

div를 제거하고 이미지만 남기려고 했는데도 여전히 같은 문제가 발생합니다.

---

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 9, 2024, 6:33오전 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/3 "2024-08-09T06:33:54Z")

</div>

초기 채팅 로드 시 채팅 박스가 헤더 아래 콘텐츠 아래로 강제로 밀려 내려갑니다. 이후 브라우저를 새로고침하면 채널은 스크롤로 볼 수 있지만, DM은 완전히 고정되어 스크롤이 불가능합니다.

discourse hub 앱에서는 완전히 깨져 있습니다.

---

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 9, 2024, 11:07오후 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/4 "2024-08-09T23:07:54Z")

</div>

광고를 제거할 수 없는데, 우회 방법이 있나요?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [8월 10, 2024, 3:21오전 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/5 "2024-08-10T03:21:08Z")

</div>

안녕하세요 👋 채팅에서 광고를 숨길 수 없는 이유는 무엇인가요? 광고를 표시하고 싶어서 그런 건가요, 아니면 기술적인 이유인가요? CSS를 사용하면 채팅만 별도로 타겟팅할 수 있습니다.

다음과 같은 방식으로 말이죠:  
`your-ads-class`를 하우스 광고를 타겟팅할 수 있는 클래스로 변경하세요.

```scss
body.has-full-page-chat {
  .your-ads-class {
    display: none;
  }
}

```

---

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 10, 2024, 6:08오전 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/6 "2024-08-10T06:08:54Z")

</div>

네, 광고가 표시되도록 해야 해요.

정말 감사합니다. 구세주셨어요! CSS가 완벽하게 작동합니다 👌

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [9월 9, 2024, 6:08오전 UTC](https://meta.discourse.org/t/chat-box-and-after-header-content-issue-on-mobile/320806/7 "2024-09-09T06:08:54Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
