I have a bad problem whith my bottom fixed nav-menu on my website on mobile devices (edge, chrome). When I load the site with the mobile browsers top and bottom address/menu bar visible everything is in place. When I start scrolling down the browser slides out the top and bottom address/menu bars. Durig the slide out the fixed nav-menu sticks to the bottom browser-menu while sliding - fine so far! But after reaching the bottom end (browser menu slide out 100%), the fixed nav-menu starts moving up again to the very point the upper border of the browsers bottom menu was before. I tried out all the stuff Google / Chat-GPT suggests (css, js, etc.) but nothing helped.

The weird part is: This happens not everytime but when it happens, no reload helps. The ONLY thing that helps is: opening a new tab, loading any site, go back the website and voila - the menu is fixed bottom now.

To illustrate this behaviour I took a screen video on my IPhone: https://www.youtube.com/shorts/P8qGtCBIvcg

Besides that I reproduced this on a simple sandboy setup in webflow: https://test-6e1b82-be73db351802bdf0ab92cfa344a.webflow.io/

Maybe you have to clear all your browser tabs and try it a few times!

Can anybody help? thanks!!