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

**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:** 1\
**Showing post:** 2

<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`，您可能需要更具体地选择选择器。）

---

_[View the full topic](https://meta.discourse.org/t/about-menu-on-mobile-is-messed-up/396672)._