如何在Docusaurus中更改slideNav的断点

Question

我在my Docusaurus site中只有两个标题链接：Docs＆GitHub。我希望这些链接保留在标题中，直到将浏览器缩小到500px。不幸的是，一旦浏览器缩小到1024px，链接就会向下滑动。我该如何预防？

我发现following code是导致滑动导航行为的原因：

@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，则布局会在标题栏下方以较大的间隙中断：

更改此断点的正确方法是什么？

Answer 1

少量更改： 1.将 .navigationSlider 类的媒体查询更改为500px。 2.对于标题后删除padding-top的额外间隙：从 .navPusher 移至100px至50px（为此，您需要添加另一个媒体查询）