Using Mobile Nav across all devices

Hi,

The goal is to use the burger menu across all devices - I've done this on other websites and it's worked just fine. However, the same CSS code that is currently working on other 7.1 websites isn't working here. I've tried a number of similar iterations of code (from this forum, insidethesquare, Bard, and Chat GPT) and none seem to have any effect. 

I'm confused as this seems like a common and simple modification and the site is very much in its infancy and has almost no CSS or code injection. Any help would be appreciated. 

That sounds frustrating!

Can you share some specific details? Website URL, code, somewhere it is working?

Of course, thanks for looking into it.

Website: www.dream.industries 

I've tried a few different codes, but here's one that works on another Squarespace website but seems to have no effect here. 

//use mobile menu on desktop//
.header .header-burger{display:flex} 
.header-nav, .header-actions {display:none} 
.header--menu-open .header-menu { opacity: 1; visibility: visible;}
//end use mobile menu on desktop//

Wow, I feel like I've just been visited by a celebrity! Thank you so much, love your videos! You've helped me a fair amount over the last few years!

Just went through every other variable I could imagine and found the glitch. The Vimeo video helped.

(My CSS formatting for the calendar was not specific enough.)