Hamburger dropdown menu interaction not working

Design help Animations & Interactions
1

Hi friends,

I’ve received great help from here, thank you so much, y’all.

But somehow I can’t get my hamburger dropdown menu to work on my site, I’ve adjusted the navbar setting but it is still doesn’t work. Can someone please help me to take a look?

Here is the link to my site
https://preview.webflow.com/preview/yuerans-fresh-project?utm_source=yuerans-fresh-project&preview=17bf56c3043105a3944e8cb654b8f881

Here is my public share link:https://preview.webflow.com/preview/yuerans-fresh-project?utm_source=yuerans-fresh-project&preview=17bf56c3043105a3944e8cb654b8f881

2

Hi Yuyu,

Sometimes when you use interactions on the default Navbar Component they do not always work as intended. You may need to make your own NavBar and use interactions to achieve the result you want.

Were you after something like this?
https://preview.webflow.com/preview/hamburgerdropdownmenu-49730e?utm_source=hamburgerdropdownmenu-49730e&preview=77ca40e043308157e5b1e42596fbe8da

3

Hi Keiran,

yes, very similar, only the text is center aligned and the effect is more like an overlay quickly appear instead of sliding from the top, but yes, it is the menu behavior that I am expecting.

Thank you so much!!

Yuyu.

4

Great stuff. :+1:

All the best with your site.
Keiran