disable scroll on home page ONLY

Site URL: https://www.iamjustinsinger.com/

Looking to disable the scroll on ONLY my homepage.

This code works but it applies the no scroll to the entire site.

html, body {margin: 0; height: 100%; overflow: hidden}

Any idea on how to apply this to the homepage only?

Add to Home Page Settings >Advanced > Header

<style>
  paste above code here
</style>

This works but it applies the no scroll to the individual project pages as well.

Is there any way to apply it to only the homepage?

Hey @JustinSinger did you ever find out how to do this?

If you want the code to only work on individual pages, you have to put it in the header of each page - not in the general header/footer. You do that my going to the gear next to the page name/advanced/header

Make sure to use <style></style> to enclose your code