Jump to content

How to hide the section wrapper from mobile or desktop

Recommended Posts

I am having issues with the gallery section blocks in Squarespace 7.1. I need to show a gallery grid on the desktop, but a gallery reel on mobile. I have managed to do this, however I haven't been able to remove the wrapper or background from these sections so they are still shown. Also if anyone knows how to reduce the height of the mobile reel gallery that would be very helpful!! 

This is the code I used below. And I have attached a screen shot of the the empty blocks I need removed on desktop and mobile.  

// remove logo grid gallery on mobile //
@media only screen and (max-width: 640px) {
  .gallery-grid {
    display: none

// remove logo Reel gallery on desktop //
@media only screen and (min-width: 1280px) {
  .gallery-reel {
    display: none

Any help would be greatly appreciated. 


Screen Shot 2020-05-18 at 11.54.39 am.png

Screen Shot 2020-05-18 at 11.54.19 am.png

Link to comment
  • 2 weeks later...
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply
  • 9 months later...


This topic is now archived and is closed to further replies.

  • 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.