Jump to content

Hiding a Section on Desktop only

Recommended Posts

Posted

Site URL: https://www.trajektory.com/new_home

I'm trying to make it so the long section with all of the laptops shows on mobile only (preview attached). 

I'm currently using the follow design CSS: 

@media screen and (min-width: 641px) { 
  div#yui_3_17_2_1_1606076529460_377 { display: none !important}
}

The div. ID must be wrong but I can't seem to figure out what to put. 

Thanks! 

Screen Shot 2020-11-22 at 2.34.47 PM.png

  • Replies 1
  • Views 455
  • Created
  • Last Reply
Posted

Replace your previous attempt with the following.

@media screen and ( min-width: 641px ) {

  [data-section-id="5ee40ec1389cec341acf59b8"] {
  
    display: none;
    
    }
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Archived

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.