Enable scrolling when mobile nav opens

Hello everyone,

I’ve created a custom navbar to use on mobile devices (mobile landscape & portrait).

I created a mobile menu that triggers another element (via legacy interaction) that contains the links to the pages and the language options and that pops up when clicked. On the second click it disappears again.

The problem is that the page is still scrollable once opened and I want to disable that.
I already saw other articles about it and tried to add custom code to fix this but it wouldn’t work since the open and close element is the same.

I hope I’m explaining it in a clear way, but I’m not sure how to properly explain it otherwise lol.
When you visit the read only link and navigate to the mobile breakpoints, the menu will be open, I left it like that so I can make changes to it.

Thanks in advance for any help & recommendations and enjoy your day :blush:

https://preview.webflow.com/preview/linears-landscapers?utm_medium=preview_link&utm_source=designer&utm_content=linears-landscapers&preview=04b3a82183b0b7094c985886b0ab6073&workflow=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)