Disable scroll on content behind off canvas

[stilemas]

I’m working on a site in Pro and created an off canvas toggle to house a Global Block that includes a Layered Navigation element.

On some small devices the content in the off canvas area requires the user to scroll a bit, but I’m noticing that the content behind (the main page) seems to scroll with it and creates a bit of “glitchy” look.

Example can be found at 2019.jeremiahsplace.org

Any ideas or suggestions?

Thanks!

[friech]

Hi Tyler,

Thank you for writing in, and sorry that you’re having that issue please try the temporary fix provided here.

Please do note that this is not an official fix this may or may not work on your setup. This has been added to our issue tracker.

Thank you for understanding,

[stilemas]

@friech,

Thanks for the link! It seems that kind of works if the page is scrolled 0% / at the top in the background. If you activate the menu anywhere else on the page, it does still seem to scroll in the background.

This should work for now, but hoping it gets fixed up in the next update.

Thanks!

[ruenel]

You are most welcome!
If you need anything else we can help you with, don’t hesitate to open another thread.