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

Hide one gallery slide show on mobile

Question

7 answers to this question

Recommended Posts

  • 1
15 hours ago, MaverivckMPP said:

Figuered this out last night, used this exact line!

Used the data sections to hide one on mobile and one on desktop. Works perfect if you want a different mobile slide show and a desktop. 

Code is below if anyone needs the same help. 

 

//Hide desktop slide show on mobile//
@media only screen and (max-width: 640px)

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

//Hide mobile slide show on desktop//

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

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

SS 7.1 use max-width:767px 

and min-width:768px


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Figuered this out last night, used this exact line!

Used the data sections to hide one on mobile and one on desktop. Works perfect if you want a different mobile slide show and a desktop. 

Code is below if anyone needs the same help. 

 

//Hide desktop slide show on mobile//
@media only screen and (max-width: 640px)

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

//Hide mobile slide show on desktop//

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

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

Share this post


Link to post
  • 0
6 hours ago, e_robertson said:

I'm keen to do something similar on this website: www.felicitymara.co.uk

How do I find the data-section-id for the gallery?

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

@tuanphan Thank you. Do you know why this isn't working for me?

/*Hide desktop slide show on mobile*/
@media only screen and (max-width: 767px)
{ 
   [data-section-id="#block-yui_3_17_2_1_1594283337848_3771"]
   {
        display: none !important;
    }
}

/*Hide mobile slide show on desktop*/

@media only screen and (min-width: 768px)
{ 
   [data-section-id="#block-yui_3_17_2_1_1594283751431_4609"]
   {
      display: none !important;
   }

The website is www.felicitymara.co.uk and the password is felicity123

Share this post


Link to post
  • 0

I figured this one out. The code now reads:

/*Hide desktop slide show on mobile*/
@media only screen and (max-width: 767px)
{ 
#block-yui_3_17_2_1_1594283337848_3771
   {
        display: none !important;
    }
}

/*Hide mobile slide show on desktop*/

@media only screen and (min-width: 768px)
{ 
#block-yui_3_17_2_1_1594283751431_4609
   {
      display: none !important;
   }
}

 

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