I’m struggling to get my off-canvas to scroll on mobile devices. Right now, the body scrolls instead of the opened off-canvas menu. I’ve tried every solution and idea I could find here in the forum, but nothing seems to work — and some attempts even hid my toggle/contact button entirely.
Maybe it’s related to how I’ve set up the dependency for the toggle? (See screenshot attached.) Currently, it opens smoothly, but the scrolling issue is a dealbreaker
The website is live, so you can see it directly at bisonpliance.com . I’d really appreciate any guidance on this — thank you in advance!
Thanks a lot!
The scrolling indeed works with overflow: auto or scroll. But what happens then is that the toggle/button doesn’t show anymore.
I managed to have the toggle visible by addressing the open offcanvas for the scrolling only. But as soon as the offcanvas is open, the toggle disappears. Can you explain, why this happens? Maybe I can figure it out then.
When overflow-y is set to scroll or auto, most browsers implicitly set overflow-x to hidden if it was previously visible. This is due to how browser rendering engines handle scrolling and overflow mechanics.
Unfortunately, I don’t see any workaround in this scenario
— thank you in advance!
