Mobile menu - how to disable scroll

Design help Custom code
1

Hi there,
I’ve got an issue with the mobile menu. Originally I had it setup to ‘no-scroll’ when open - using some custom code:

<script>

$('.menu').on('click', function(){
  $('body').addClass('no-scroll');
});

$('.close').on('click', function(){
  $('body').removeClass('no-scroll');
  
});
</script>

Since one of the links (about) in the menu has been changed to anchor that started causing ‘no-scroll’ even when the link was clicked and the menu was closed. I replaced $(‘.close’) with $(‘.close’‘.about’) hoping that it will solve the issue. But it disabled the ‘no-scroll’ when the mobile menu is open instead.

Would anyone be able to help?
I would like to have ‘no-scroll’ when the menu is open and normal scroll when the menu is closed (or the linked in the menu is clicked)

Thanks a lot in advance :slight_smile:

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