# 自定义页眉链接和新主题页眉按钮不兼容

**URL:** <https://meta.discourse.org/t/custom-header-links-and-new-topic-header-button-dont-play-nice/395712>\
**Category:** UX\
**Tags:** custom-header-links, new-topic-header-button\
**Created:** [2026年二月10日 22:48 UTC](https://meta.discourse.org/t/custom-header-links-and-new-topic-header-button-dont-play-nice/395712 "2026-02-10T22:48:28Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![ToddZ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/toddz/32/328350_2.png) [@ToddZ](https://meta.discourse.org/u/ToddZ)\
**Post date:** [2026年二月10日 22:48 UTC](https://meta.discourse.org/t/custom-header-links-and-new-topic-header-button-dont-play-nice/395712/1 "2026-02-10T22:48:28Z")

</div>

当结合使用 [自定义页眉链接](https://meta.discourse.org/t/custom-header-links/90588) 和 [新主题页眉按钮](https://meta.discourse.org/t/new-topic-header-button/84551) 时，我遇到了一个界面显示问题……

**自定义页眉链接** 设置为显示在左侧：

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/4/2/342d0e9d0f766314086bc470d15f9f55a6a4a1a4.png)

仅使用 **自定义页眉链接** 时效果正常：

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/3/b/83bc48a3841f5d409d22baac4c5547de13e3ec35.png)

仅使用 **新主题页眉按钮** 时效果正常：

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/0/a/b0a1cb49f6745354700c7cb6e9d21708ede704b5.png)

但是当它们组合在一起时，链接位置和按钮高度都出错了：

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/f/e/6fe97232e3970b1d43d294c66d14fbb35a6171ff.png)

我可以尝试用自定义 CSS 来解决，但也许有人能找出需要解决的核心问题。

- [自定义页眉链接 CSS (GitHub)](https://github.com/discourse/discourse-custom-header-links/blob/main/common/common.scss)
- [新主题页眉按钮 CSS (GitHub)](https://github.com/discourse/discourse-new-topic-button-theme-component/blob/main/common/common.scss)

---

_[View the full topic](https://meta.discourse.org/t/custom-header-links-and-new-topic-header-button-dont-play-nice/395712)._