Fix overlapping navbar

[janewang]

Can we fix the overlapping in the navbar?
I'm using on my macbookpro screen and the half page window size makes the navbar overlap on itself
I think we just need to update
@media (max-width: 996px) {
.navbar__toggle {
display: inherit;
}
}
996px --> a bigger number? But I don't really know how to do that in stellar-docs

Slack thread: https://stellarfoundation.slack.com/archives/C049E67BFSP/p1741905958726489

[ElliotFriend]

This one is actually more complex than it would seem. The navbar and sidebar components behave differently based on some hard-coded breakpoint values, and Infima (the CSS package used by docusaurus) doesn't provide any means of customizing them either.

Beyond the custom CSS like you mentioned (thanks @chowbao!), there are some further components that we need to swizzle and customize, because they use the useWindowSize hook. Here's some further info I've found that might help us decide what to do:

• github issue in the docusaurus repo
• docusaurus docs that touches a bit on this
• infima documentation