How can I hide an entire section from mobile and tablet view?

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

I am currently using some code to hide an entire section from mobile view.

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

Pword: bluebird

The code I am using is:

@media screen and (max-width:767px) {
[data-section-id="5ef4c07482b8e941cd5ebc10"] {
    display: none;
}
}

How can I adjust this code so that the section is also hidden from tablet view?

Currently when I look at the page using my Surface Pro in tablet view, it still appears.

Please help!

Many thanks,

Best,

Faizal

That code just hides based on screen width, not tablet/phone specific.

Most tablets and even some phones now are coming with higher screen resolution, so that's probably not a reliable way to do it.

That's brilliant thanks so much!

Awesome fix!!!

Many thanks!

That's awesome thank you Tuanphan!

Best,

Faizal

@rwp I just saw you answer on this. I am having a BEAR of a time getting my site to look good on the surface pro - even if I use 1024 or 1440 or 991 as breakpoints. 1/2 our Exec group is on them, so it needs to look good. Is there a way to code specifically for surface pro?

Thanks!