Stop Body Scrolling With NavBar Animation

Hello!

I am trying to stop the scroll of my page’s body when the link “About” is expanded from the navbar. When it is closed via the “Close” link, the ability to scroll the body page should resume.

I have looked around and it seems like I will need some custom code so I grabbed it from this Webflow site - https://webflow.com/website/Disable-Body-Scroll-Example

I have the custom code, but I am not sure how use it with my situation. Maybe there is a better way to achieve this desired outcome.

Any help here would be much appreciated!

Here is my public share link:

https://preview.webflow.com/preview/hunters-portfolio-2ac79f?utm_medium=preview_link&utm_source=dashboard&utm_content=hunters-portfolio-2ac79f&preview=bdf4b2026933dc4fdd3e0aac7679401d&mode=preview