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

How can I hide one of my sections, but keep it for later?


scholarsayze
Go to solution Solved by tuanphan,

Question

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home

Hello, I am currently using some code that allows me to hide specific sections on my site from mobile, but keeps it in edit mode so I can make changes accordingly. Here's the code:

/* SECTION VISIBLE ON DESKTOP ONLY */
@media only screen and (max-width: 767px) {
    body:not(.sqs-edit-mode) section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        display:none !important;
        visibility: hidden !important;
        opacity: 0 !important
    }

    body.sqs-edit-mode section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        opacity: .5 !important
    }
}

 

Is there a way to actually hide this section from both Desktop and Tablet and Mobile and keep in edit mode?

Sometimes I have some sections designed and built that I don't want to display on site right now nor delete. I can just then remove the code when I want to show that particular section at a later date. Please help!

Page - https://bluebird-porcupine-yzdg.squarespace.com/home

Pword - bluebird

 

Many thanks,

Best,

Faiz

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 1

You can remove media query code & use this new code

 body:not(.sqs-edit-mode) section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        display:none !important;
        visibility: hidden !important;
        opacity: 0 !important
    }

    body.sqs-edit-mode section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        opacity: .5 !important
    }

 

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