tuanphan Posted June 15 Share Posted June 15 To hide a specific section on Desktop or Tablet or Mobile, you can follow these steps. #1. Install Squarespace ID Finder to find the ID of the Section you want to hide. Quote https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff In my example, we have: section[data-section-id="666a4ae7e23e2617b7e6f4ed"] #2. Use this code to hide section on Desktop: /* Hide section on Desktop */ @media screen and (min-width:992px) { section[data-section-id="666a4ae7e23e2617b7e6f4ed"] { display: none !important; } } #3. Use this code to hide section on Tablet: /* Hide section on tablet */ @media screen and (max-width:991px) and (min-width:768px) { section[data-section-id="666a4ae7e23e2617b7e6f4ed"] { display: none !important; } } #4. Use this code to hide section on Mobile: /* Hide section on mobile */ @media screen and (max-width:767px) { section[data-section-id="666a4ae7e23e2617b7e6f4ed"] { display: none !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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