Help with no line break in navigation (Brine), please!

Site URL: https://bear-apple-l68y.squarespace.com/

Hi! I have a centered primary navigation that keeps turning into two lines/rows when I resize the browser, even when the browser window is large and there seems to be enough space to keep it on one line/row. I have a script that changes the navigation depending on if you are on the website for ”Företag” (Company) or ”Privatperson” (Private Person). Could the script be whats messing up the navigation? Is there something I can do about it with CSS? Any help on how to solve this would be very much appreciated! 🙂

Website: https://bear-apple-l68y.squarespace.com/

Password: center

How I would like the navigation to look all the time:

I'm having the same exact issue, has anyone responded to you outside of this post? TY!

Viewing your site from Chrome on  my laptop,  choosing either button from you landing page, the same thing happens. I see a one line nav bar, logo below. I enlarge my screen using the Chrome zoom control, at about 150 percent the logo moves up into the header, the Nav bar disappears altogether. At that moment a  + sign shows up in the upper right hand corner, I click that and your nav menu appears as an attractive vertical stack on a slide in half page on the left. I never see a two line nav bar in the header. It works well in my opinion.