Как изменить точку останова для slideNav в Docusaurus

Question

У меня всего две ссылки на заголовки в моем сайте Docusaurus : Docs & GitHub.Я хотел бы, чтобы эти ссылки оставались в шапке, пока я не уменьшу браузер до 500px.К сожалению, ссылки уменьшаются, как только браузер уменьшается до 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;
  }
}

Однако, если я изменил минимальную ширинуМедиа-запрос до 500px, макет разрывается с большим пробелом под строкой заголовка:

Как правильно изменить эту точку останова?

Answer 1

Несколько изменений: 1. Измените медиазапрос для .navigationSlider класса на 500px.2. Для дополнительного пробела после заголовка удалите верхний отступ: от 100 до 50 пикселей от .navPusher (для этого вам нужно добавить еще один медиазапрос)