如何在Docusaurus中更改slidingNav的断点

Question

如何在Docusaurus中更改slidingNav的断点

3

我在我的 Docusaurus 站点中只有两个头部链接: Docs 和 GitHub。我希望这些链接保留在标题中，直到我将浏览器缩小到 500px。不幸的是，这些链接在浏览器缩小到 1024px 时就会滑落下来。我该如何防止这种情况发生？

我找到了以下代码负责滑动导航行为：

@media only screen and (min-width: 1024px) {
  .navigationSlider .slidingNav ul {
    background: none;
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
    padding: 0;
    width: auto;
  }
}

然而，如果我将媒体查询的最小宽度更改为500px，则布局会出现大间隙，位于标题栏下方：

应该如何正确更改此断点？

- Naresh

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- shashaank kumar · Accepted Answer

需要修改的内容如下： 1. 将.navigationSlider类的媒体查询改为500px。 2. 对于标题后面的额外间隙，从.navPusher中删除padding-top: 100px并改为50px（需要添加另一个媒体查询）。