docusaurus - 如何更改 Docusaurus 中的slidingNav 的断点

Question

我的Docusaurus 网站中只有两个标题链接：Docs 和 GitHub。我想让这些链接保留在标题中，直到我将浏览器缩小到 500 像素。不幸的是，一旦浏览器缩小到 1024 像素，链接就会向下滑动。我怎样才能防止这种情况？

我发现以下代码负责滑动导航行为：

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

但是，如果我将媒体查询的最小宽度更改为 500 像素，则布局会在标题栏下方出现很大间隙：

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

Answer 1

几处改动： 1. 将.navigationSlider类的媒体查询更改为 500px。2. 对于 header remove padding-top: 100px to 50px from .navPusher后的额外间隙（为此您需要添加另一个媒体查询）