Mobile menu scroll function

I’m having trouble with
My mobile menu gets stuck while scrolling, it crops information even though it’s set to show and/or scroll.

Working in
Wix studio

Site link

What I’m trying to do
I want the mobile menu to scroll seamlessly!!!

What I’ve tried so far
I’ve checked my layers, tested with elements inside and outside of containers, Tried stretch and unstretched menu. Tried Stacking the repeaters, placing them both inside a container. Basically played with every option I could think of.

Extra context
Anything else that might help - edge cases, screenshots, etc.

I took a look at the site and tried to recreate the general idea here: https://robertor0.wixstudio.com/my-site-87 (the gradient is the container while the white is the hamburger menu overlay.

Mines isn’t as involved but I put everything in one container and set the parent container to scroll the overflow while the hamburger menu container had overflow turned off. That should prevent an instance of where you might be trying to scroll the overflow of more than one element.

I don’t know the exact layout you have but I also find it easier to use CSS grids so that elements are only within one grid area and stacking elements that should be together like the title and lines.

1 Like