Jump to content

Hiding section on mobile but show on desktop squarespace 7.1

Recommended Posts

  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.