Hiding section on mobile but show on desktop squarespace 7.1

Hi,

I have a list of logos on my new agency website that I am trying to hide on mobile as it doesn't help the user experience.

Any idea?

Thanks

You can do this with CSS. Are you using Squarespace 7.0 or 7.1? This will determine how to do this. You can wrap the identifier(s) in a media query. So it would look something like this...

@media (max-width: 640px) {
  #collectionIDhere .gallery-block {
    display: none;
  }
}

The #collectionIDhere in the code above will be a page URL slug in an index (if using 7.0) or a page id if using a standard page in 7.0.

If using 7.1, you'll have to find the section id for the gallery. I'm not overly familiar with 7.1; I don't use it but have helped clients customized it here-and-there. I'm pretty sure a gallery can only be added as a section, not a block within a page. If this is the case, you don't need the ".gallery-block" in the code above, just the collection id.

If you send me your URL, I can take a quick look and give you an exact snippet of code that will work.

I hope this helps!