How do i have an accordion for mobile only?

The menu on this site I am designing has a massive amount of information and it just doesn't work for mobile, I need it to be in an accordion or else it will be an endless scroll. 

password: hello

https://fox-raccoon-dwwm.squarespace.com/ the site

The best way to do this is create a new section with the same information but designed just for mobile, then use media queries to hide/show each section on mobile/desktop.

Generally speaking, I would suggest considering how you are setting this up, as on smaller desktop screen and tablet it is becoming very hard to read. I do like the look though!

If you want to remove that section just on mobile you can use this CSS:

@media only screen and (max-width:768px) {
  section[data-section-id="64f56d2272389701db7b2e92"] {
    display:none;
  }
}