Jump to content

Hide Mobile Carousel on Desktop/Hide Desktop Carousel on Mobile

Recommended Posts

Site URL: https://hexahedron-mandarin-ksp4.squarespace.com/

Hey amazing Squarespace gurus!

I'm in dire need of help figuring out the code to simply hide the desktop carousel on mobile and the mobile carousel on desktop. Note: Someone helped me set the carousel to float behind the navigation, hoping to retain this if possible.

Site Pass: redacted

Edited by Jesserka
Solved my own problem.
Link to comment
  • Replies 1
  • Views 313
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Nevermind; I figured it out on my own.

Pulled the code from this site and tweaked it to suit my needs.

// Hiding sections on mobile
@media screen and (max-width: 641px) {
section[data-section-id="6157614cc5e2ba64002597bc"] {
 display:none !important;
  }
}

// Hiding sections on desktop
@media screen and (min-width: 642px) {
section[data-section-id="61820d5e999bae693da370be"] {
 display:none !important;
  }
}

 

 

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.