How do I hide a section on mobile in Squarespace?

Target the section by its data-section-id and wrap the display: none rule in a mobile media query. This hides the section on small screens while keeping it visible on desktop.

Find the section ID by right-clicking the section and choosing Inspect. Look for the data-section-id attribute on the section element.

@media screen and (max-width: 767px) {
  [data-section-id="YOUR_SECTION_ID"] {
    display: none !important;
  }
}

/* Or hide on desktop only, show on mobile */
@media screen and (min-width: 768px) {
  [data-section-id="YOUR_SECTION_ID"] {
    display: none !important;
  }
}