Stacking menu

I hate the way the menu stacks when a browser window is a bit small - I've tried to find a way to prevent this - I want the menu to display horizontally or hamburger - nothing else.

Anyone know how I could make this happen?

Thanks in advance

@JudeG you should share url to check

Here is the URL

https://pigeon-echidna-kg92.squarespace.com

Here is the URL

https://pigeon-echidna-kg92.squarespace.com

@JudeG Add to Home > Design > Custom CSS

@media screen and (max-width:900px) {
.Header--top {
   display: none;
}
[data-nc-base="mobile-bar"] {
   display: block;
}
}

Hooray - that worked! Thank you so much!!

Jude

Hooray - that worked! Thank you so much!!

Jude

@JudeG Accept Answer and Upvote if it worked. Other members can use. Thanks.