Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Seamer

How to hide the section wrapper from mobile or desktop

Recommended Posts

Posted (edited)

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. 

Thanks

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

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

Edited by Seamer

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...