Scrolling has been disabled when viewing on desktop Chrome browser when you adjust the width of the browser to smaller sizes.
But disabling scrolling didn’t work when we actually visited the site using Safari on iPhone (we have no idea if it works on an Android…)
We tried the solutions from various posts, with 2 seemingly able to get to close to what we want to achieve (see below for the 2 posts), but none of them really worked completely for us. It’s absolutely possible that we didn’t something right though.
We implemented the code submitted by Sabanna in her response (the 3rd response top down) on Jun 16 and this works wonderful in preview. Just didn’t work on an actual iPhone/Safari. Her subsequent response (the 23rd one) on Jul 19 did not work for us, when we included it along her first response. We then tried Joseph’s codes (29th and 31st responses) dated on Sept 19, and nothing improved.
Then, we tried the code from this site:
And scrolling was still possible even though we had given attributes of scroll=‘enable’ and scroll=‘disable’ for .mobile-menu-button.close and .mobile-menu-button.open respectively.
We are feeling quite lost at this point. Would anyone be able to share a successful solution please?
Here’s our read-only link