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

Hide section in desktop

Recommended Posts


I have 2 sections on a page. Top is for desktop, bottom is for mobile. I successfully hid the top section in mobile view thanks to code found here. I now need to hide the bottom section in desktop view.

This is the code that I used to hide for mobile

/* this code for tablet - mobile */

@media screen and (max-width:640px) {


    display: none;



Now trying to hide this section on desktop

<article class="sections" data-page-sections="5f168bd06a769b073e0558ae" id="sections">

Thanks, I appreciate your help.

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Add to Home > design > Custom CSS

/* Hide this on Mobile */
@media screen and (max-width:767px) {
	[data-section-id="enter-id-here"] {
		display: none;
/* Hide this on Tablet - Desktop */
@media screen and (min-width:768px) {
	[data-section-id="enter-id2-here"] {
		display: none;

Find data section id with this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

If you are looking to hide a complete section and show it with a button or text, check out this plugin: https://www.fusehub.ca/expand-sections

I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10.

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