# 移动视图中的横幅文本被推到顶部

**URL:** https://meta.discourse.org/t/banner-text-gets-pushed-to-top-in-mobile-view/270628
**Category:** UX
**Tags:** tag-banners
**Created:** [2021年八月18日 08:54 UTC](https://meta.discourse.org/t/banner-text-gets-pushed-to-top-in-mobile-view/270628 "2021-08-18T08:54:21Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![markersocial](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/markersocial/32/170136_2.png) [@markersocial](https://meta.discourse.org/u/markersocial)
#### Post date: [2021年八月18日 08:54 UTC](https://meta.discourse.org/t/banner-text-gets-pushed-to-top-in-mobile-view/270628/1 "2021-08-18T08:54:21Z")

</div>

刚注意到，移动端标签横幅似乎存在问题。标签文本被推到了横幅顶部。我已附上主题创建者预览的截图。在我测试过的 Discourse 实例中也出现了同样的问题。

 ![tag-banner](https://global.discourse-cdn.com/meta/original/3X/7/5/75fe055051294db9d83633fa8a731500fb171322.png)

为解决在窄屏上标签被推至横幅顶部的问题，建议默认添加以下 CSS 类：

```plaintext
.tag-title-header {
    align-items: center;
}

```

如果任何人希望立即修复此问题，可以将此代码添加到自定义 CSS 中。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年七月5日 10:35 UTC](https://meta.discourse.org/t/banner-text-gets-pushed-to-top-in-mobile-view/270628/2 "2023-07-05T10:35:28Z")

</div>

此问题已根据以下内容修复：

> [@awesomerobot](#):
>
> 我还修复了移动设备上的一些错位问题。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年七月5日 10:35 UTC](https://meta.discourse.org/t/banner-text-gets-pushed-to-top-in-mobile-view/270628/3 "2023-07-05T10:35:32Z")

</div>