I'm extremely disappointed in Squarespace. This is a huge pain point and a pretty embarrassing lack of functionality. It's 2024- people access the internet across a plethora of devices.
Will's code didn't work for me. Like others, it messed up the mobile view. The only way I've been able to make this work is to create different sections that only display depending on page width.
For example, using this code, you can hide a section on tablet-esque devices (I tested and it is just wide enough to hide it on an iPad Pro 11" but you could expand the range to cover more devices):
/* Hide Section On Tablet */
@media screen and (min-width: 749px) and (max-width:850px) {
[data-section-id="insertIDhere"] {
display: none;
}
}
Regardless, comon' Squarespace. This is amateur hour.
