Scroll not working on android mobile portrait version of the site

Design help General
1

I have problem with my website not being scrollable on android mobile devices in portrait version, while its perfectly fine on apple devices even if I check it on chrome on iphone it works. Problem is present on android mobile version and when I check responsiveness in chrome and firefox dev tools. It can scroll to a certain portion of the site and then just starts lagging and not letting me go over that part.

Tried disabling all interactions and animations for mobile and it did not help.
Checked there is no overflow: hidden body
Tried display: none for every section to see if particular one make the problem but its persists.

I am confused because it perfectly works on iphones.

Any suggestions or ideas how to fix this behavior?

And because it also works fine in webflow mobile breakpoint view here is the link to the live site: https://modabar-play.webflow.io/

Help would be much appreciated!

Here is my site Read-Only: Webflow - ModaBar&Play

2

Finally found the solution to this. One of my sections should not be visible on mobile devices, and I put display: none on whole section and the section was invisible but for some reason if display: none is applied on section it won’t make children elements also display: none and that made android mobile devices act like crazy and did not show children elements on screen but rendered them in the background or something.

If you have the same problem check your display: none elements they might cause the problem!