Disable scrolling on desktop only?

Site URL: https://www.longevitycollective.com/newsletter

I am trying to disable scrolling on desktop only on one page (I want to still be able to scroll on mobile). Here is the code I added to the header to disable scrolling:

  html, body {width: 100% !important; height: 100% !important; overflow: hidden !important}

I've only been able to find posts about completely disabling desktop and mobile, or just mobile only. How can I fix this?

4 hours ago, afabella said:

Site URL: https://www.longevitycollective.com/newsletter

I am trying to disable scrolling on desktop only on one page (I want to still be able to scroll on mobile). Here is the code I added to the header to disable scrolling:

  html, body {width: 100% !important; height: 100% !important; overflow: hidden !important}

I've only been able to find posts about completely disabling desktop and mobile, or just mobile only. How can I fix this?

Use media query 

@media only screen and (max-width: 768px) {
   
}

I'm not sure if I used it properly. I used: 

 @media only screen and (max-width: 768px) {width: 100% !important; height: 100% !important; overflow: hidden !important}

Is this what you meant? If so, it still isn't working unfortunately.

@afabella I see it worked here. Or you mean remove scroll bar, not disable scroll?

@tuanphan I meant disable scroll (on desktop only, not mobile). The code didn't work for me unfortunately. Any other suggestions?

It worked! Thank you so much @tuanphan