Streaming live at 10am (PST)

Hamburger Menu Not Working at Mobile


#1

For some reason the hamburger menu on just the landing page of my site does not work at the mobile level. When you first land on the page and click the menu icon nothing happens. However, if you scroll down a bit from the top of the page (the navigation is fixed) there are no problems.

I don’t see this issue on any of my other pages. I do have some interactions on this particular nav bar at the desktop level, where the nav menu appears when you scroll a certain amount down. I feel like that may related to the cause but still can’t figure out a fix. Any thoughts?

Here is my site Read-Only:
https://preview.webflow.com/preview/brang-entertainment?preview=98b22fe41e910ffd855db90f6ab8f0f7


#2

I removed the legacy animation on LANDING and it works for me.

Edit: also disabled animation on NavMenu2

Maybe:

the mobile navbar is being hidden by the animation off screen (floating nav initial appearance). on the desktop it slides into view on scroll. Since you don’t need a button to show the menu, this works. You must press the button on the mobile navbar to show the menu, but the animations overrides the position. Once you scroll down, the menu is moved into view (still off screen), so the button works as intended?


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.