Off Canvas Scroll - works with mouse but not with touch

I am working on an off canvas element that is longer than typical browser height and so it needs to scroll. On a desktop or tablet with a mouse it scrolls down without issue. However on a tablet or phone using touch it will not scroll - the underlying web site content scrolls instead. Here is the site brr.cotamtb.com the donation button at the bottom triggers the off canvas element.

Hi @Travis_Holman,

Thanks for reaching out.
You need to disable the Body Scroll attribute to stop Body Content scrolling.

Hope it helps.
Thanks

Thanks, I have done that but unfortunately I still get the same behavior

Hi @Travis_Holman,

There might be some different reasons behind your reason, I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If the issue was caused by our theme, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: I would also suggest you check once by clearing all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.