# 移动端的关于菜单显示混乱

**URL:** https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672
**Category:** Support
**Tags:** about-page
**Created:** [2026年二月21日 07:13 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672 "2026-02-21T07:13:13Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [2026年二月21日 07:13 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/1 "2026-02-21T07:13:13Z")

</div>

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

它向右延伸，我认为这与我的 CSS 无关，因为我禁用了所有内容，但它仍然这样做，并且没有正确换行。

由于服务条款和隐私政策。

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/f/d/1fd96502b43e9e34a47fd254ff31b38c71ddab9c.png)

---

<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年二月21日 07:42 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/2 "2026-02-21T07:42:26Z")

</div>

看起来您的菜单上同时有“指南”和“常见问题解答”，我认为这就是导致溢出的原因。如果我在我的网站上添加“常见问题解答”，也会出现同样的情况。

一点额外的 CSS 可以使其换行：

```css
.nav-pills {
  flex-wrap: wrap;
}

```

减小 `.nav-pills` 上的 `gap` 也可能有一点帮助。

（这只是用浏览器开发者工具进行的一次快速测试。如果您不想影响其他位置的 `.nav-pills`，您可能需要更具体地选择选择器。）

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [2026年二月21日 07:46 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/3 "2026-02-21T07:46:14Z")

</div>

是的，看来将来可能需要修复它，这样我就不必添加大量 CSS 来修复它。

如果没有大量的 CSS，它会破坏其他菜单上的许多其他内容。

---

<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: [2026年二月21日 07:54 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/4 "2026-02-21T07:54:24Z")

</div>

FAQ 现在不是指南了吗？

> [@Renaming FAQ to Guidelines](https://meta.discourse.org/t/renaming-faq-to-guidelines/395099/1):
>
> We are renaming the /faq URL to /guidelines . This better reflects the original intent of the [community guidelines](https://meta.discourse.org/guidelines) bundled with the Discourse forum software. When you opt in to this change, the following link and /faq URL: Will point to /guidelines instead: If you have an actual FAQ hosted somewhere that you want to link to, the faq\_url site setting is still usable, and will override the sidebar link.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年二月21日 08:57 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/5 "2026-02-21T08:57:16Z")

</div>

默认情况下，您现在拥有指南而不是常见问题解答，但即使在该更改之前，也可以将它们分开：

> [@Customizing FAQs and Guidelines](https://meta.discourse.org/t/customizing-faqs-and-guidelines/286911):
>
> bookmark This is a guide for administrators on customizing the FAQs and Guidelines pages on a Discourse site. person_raising_hand Required user level: Administrator Customizing the FAQ and Guidelines pages in Discourse allows you to tailor the content to fit the specific needs and rules of your community. These pages are often the first point of reference for new users to understand what is expected of them and can also serve as a resource for existing members. FAQ and Guidelines Pages B…

移动设备上出现空格的问题即使没有额外的链接也会发生，具体取决于界面语言。我早在 2022 年就报告了这个问题，但它没有被纳入 2024 年的重新设计中：

> [@Links on top of "about" are cut depending on wording](https://meta.discourse.org/t/links-on-top-of-about-are-cut-depending-on-wording/220187):
>
> Depending on the lenght of the words used in translation not all links on the top of the about-page are visible. You then need to scroll to the side. That is quite difficult to guess, if no word is cut. Example screenshot English - everything visible Example screenshot Spanish - word is cut Example screenshots German - it’s difficult to notice there is another link

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [2026年二月21日 19:28 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/6 "2026-02-21T19:28:09Z")

</div>

我正在使用“规则指南”，并且有我自己的自定义常见问题解答页面。

---

<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年三月9日 22:16 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/8 "2026-03-09T22:16:43Z")

</div>

仅供自托管用户注意，将“常见问题解答”重命名为“指南”的更改目前[需要启用一个隐藏设置](https://meta.discourse.org/t/review-and-update-topics-related-to-faq-guidelines-links/397938/2?silent=true)，并且正在进行文档更新工作。

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年三月20日 09:42 UTC](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672/9 "2026-03-20T09:42:32Z")

</div>

所有由“即将进行的更改”控制的设置都是隐藏的站点设置。但与大多数需要通过控制台启用的隐藏设置不同，您可以在界面上直接于 `/admin/config/upcoming-changes` 启用这些设置。
