How to force burger menu always, regardless of browser viewport size?

[vadimkantorov]

I have a Jekyll site: https://vadimkantorov.github.io/notionfun/_markdown/france.html with 100 pages .

The body>header>div.wrapper>nav>div.trigger shows the list of all pages, but it's too big when we have 100 pages.

When the viewport is less than 600pix, the list of all pages gets replaced by a burger menu:

How can I force the site to always have the menu collapsed as burger menu style?

Thanks :)

[vadimkantorov]

E.g. is it possible to customize the css to replace @media screen and (max-width: 600px) by @media screen and (max-width: 6000px) without forking the theme