# 如何移动新的主题标题按钮并使其在移动设备上更大

**URL:** <https://meta.discourse.org/t/how-to-move-the-new-topic-header-button-and-make-larger-for-mobile-devices/374871>\
**Category:** UX\
**Tags:** new-topic-header-button\
**Created:** [2025年七月18日 23:21 UTC](https://meta.discourse.org/t/how-to-move-the-new-topic-header-button-and-make-larger-for-mobile-devices/374871 "2025-07-18T23:21:36Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [2025年七月19日 00:02 UTC](https://meta.discourse.org/t/how-to-move-the-new-topic-header-button-and-make-larger-for-mobile-devices/374871/2 "2025-07-19T00:02:48Z")

</div>

您好，您可以尝试 fork 它并更改此 outlet：

> <https://github.com/discourse/discourse-new-topic-button-theme-component/blob/ab8b7edeeae372ace366c119192f56144c12973f/javascripts/discourse/initializers/initialize-header-new-topic-button.gjs#L5>

更改为类似以下内容：

```js
api.renderInOutlet("bread-crumbs-left", CustomHeaderTopicButton);

```

例如，我将按钮放在侧边栏上方：

> <https://github.com/NateDhaliwal/discourse-new-topic-button-theme-component/blob/f605192ee124a515b03a92527b78ada35e6a57b3/javascripts/discourse/initializers/initialize-header-new-topic-button.js#L5>

您也可以尝试使用一些 CSS 来更改按钮（创建一个新主题，并将 CSS 放在“mobile”选项卡中，或者如果您使用仓库，则放在 `mobile.scss` 中）。

---

_[View the full topic](https://meta.discourse.org/t/how-to-move-the-new-topic-header-button-and-make-larger-for-mobile-devices/374871)._