# フルサイズチャットでCSSによりブランドヘッダーを削除したが、フルスクリーンチャットにならない

**URL:** https://meta.discourse.org/t/removing-brand-header-by-css-in-full-size-chat-but-not-getting-full-screen-chat/331941
**Category:** Support
**Tags:** brand-header
**Created:** [2024 年 10 月 21 日午後 5:23 UTC](https://meta.discourse.org/t/removing-brand-header-by-css-in-full-size-chat-but-not-getting-full-screen-chat/331941 "2024-10-21T17:23:01Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![janbolmeson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/janbolmeson/32/192162_2.png) [@janbolmeson](https://meta.discourse.org/u/janbolmeson)
#### Post date: [2024 年 10 月 21 日午後 5:23 UTC](https://meta.discourse.org/t/removing-brand-header-by-css-in-full-size-chat-but-not-getting-full-screen-chat/331941/1 "2024-10-21T17:23:01Z")

</div>

目標は、ユーザーがフルサイズのチャットを使用しているときにブランドヘッダーを非表示にすることです。

以下のCSSで削除することに成功しました。

```plaintext
body.has-full-page-chat {
    header.b-header{
        display:none;
    }
    .ember-application .d-header {
        margin-top: 0;
    }
}

```

問題は、ブランドヘッダーと同じ高さのバーが下部に表示されることです。

 ![The image is a screenshot of a computer interface showing a user's activity on a website. The content in the screenshot is blurred, but the user's profile shows a chat interface with a text bubble that says "Same height as." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/7/c/37c9f53616ffa72147b289dd9153fb17c3b51f23.jpeg)

一部の高さ計算で削除されたブランドヘッダーが考慮されていないのではないかと推測しています。ページをリロードすると正常に動作します。

何かヒントはありますか？ ❤