Issues with navbar on mobile

Navbar is flickering, even when I copied it to an empty page:
https://codeocean-xff7yj9-ae49be9571aed84781454.webflow.io/test-menu

https://preview.webflow.com/preview/codeocean-xff7yj9-ae49be9571aed84781454?utm_source=codeocean-xff7yj9-ae49be9571aed84781454&preview=f7ae5215d885e006a4d2a0bcabd3b83f

flickering - what do you mean by “flickering”?..

The page changes by reload (So also the navbar reload each time)(I find the problem also in desktop).

Try to remove the interaction (Without JS the page works fine - so 90% this cause this issue). Anyway looks like this interaction does nothing.

image

image

Thank you @Siton_Systems
I mean the menu opens and disappear immediately without me tapping on anything. I deleted all the legacy interactions. I don’t use them anymore. But I still get this issue on mobile.

Do not add endless styles for the base component (You break the layout).

In your case - you set the navmenu to be fixed (Should be like default → relative)
image

Keep in mind you use this style 282 times:
image

In your case maybe start from zero (without endless styles for very simple dropdown).

1 Like

Thank you, I just build another menu for mobile. I’m afraid the navbar component is still a buggy feature on mobile.

Hi Asaf
Try to ad easing (in out) to the interaction that open and close the menu