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

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

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

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

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

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

1 个赞