Sarah-W Posted October 2, 2020 Share Posted October 2, 2020 Hi, 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) { [data-section-id="5f168cff92f0a40baa399208"]{ 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
tuanphan Posted October 2, 2020 Share Posted October 2, 2020 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 GraeMedia 1 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
Sarah-W Posted October 3, 2020 Author Share Posted October 3, 2020 That worked perfectly. Thank you Tuan! The tool you linked to is a big help too. Link to comment
RolandFuseHub Posted October 5, 2020 Share Posted October 5, 2020 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 Yaya - Slide Video.mp4 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
ZABS860 Posted August 27, 2022 Share Posted August 27, 2022 Is it possible to show a section on Mobile AND tablet but not desktop? I'm using this to show a spacer on mobile but hide it on desktop, but I really need it to show on tablet as well. Link to comment
tuanphan Posted August 29, 2022 Share Posted August 29, 2022 On 8/28/2022 at 6:50 AM, ZABS860 said: Is it possible to show a section on Mobile AND tablet but not desktop? I'm using this to show a spacer on mobile but hide it on desktop, but I really need it to show on tablet as well. Yes. If you share link to page where you use section, we can give some code to achieve this 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
ZABS860 Posted August 29, 2022 Share Posted August 29, 2022 Sending you a message now Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment