Disable Scroll Bar On Hamburger Mobile

I've tried multiple different codes and I have been able to disable the scroll on mobile but not on the hamburger mobile menu. I have used this for the desktop

code injection > header 

<style>
  body {
    overflow-y: hidden;
}
</style>

And I have tried other code from various forums on squarespace in the custom css too; but they haven't given me the results I need. Does anyone have an answer? should I put putting header-mobile ?

Can you share your website URL? What is the problem you're trying to solve by disabling overflow and scroll? Doing that can cause lots of potential issues.

Yes no problem, Its more visual tbh rather than not having one at all, I wouldn't mind the scroll on the homepage, but we want the mobile hamburger menu to look cleaner as I think the X when you click onto the hamburger menu looks out of alignment due to the scroll bar, but I could be wrong.

https://gerbil-sepia-2p62.squarespace.com/config

BetterGas14

On 11/10/2023 at 5:09 PM, Ellagrace said:

Yes no problem, Its more visual tbh rather than not having one at all, I wouldn't mind the scroll on the homepage, but we want the mobile hamburger menu to look cleaner as I think the X when you click onto the hamburger menu looks out of alignment due to the scroll bar, but I could be wrong.

https://gerbil-sepia-2p62.squarespace.com/config

BetterGas14

Try this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$(".burger-inner").click(function() {
  $('html').addClass('html-burger-open');
});
});
</script>
<style>
  html.html-burger-open {
    overflow: hidden;
}
</style>

Hi Tuanphan,

Unfortunately that didn't work 😞

On 11/13/2023 at 4:23 PM, Ellagrace said:

Hi Tuanphan,

 

Unfortunately that didn't work 😞

It looks fine to me now. Did you fix it?