Mobile Hamburger Menu No longer clickable

Hi all,

I’ve been creating the following site for a client: https://webflow.com/website/milajasmineflowers

The problem I’m having, is that the hamburger icon when the site is viewed in mobile, is no longer clickable. I’ve tried re-doing the navbar completely, still not clickable.

I’ve tried a few times with no luck so far. Any guidance will be appreciated.

Currently looks like this in design mode, but doesn’t replicate in the working mode.

Any help would be appreciated :smile:

Have you tried to give it a higher z-index? I had this issue on mobile landscape and could never get help with it… thanksfuly it started to work again but I don’t know why.

Can you please share your project’s public link so it’s easier to understand your issue?

Learn how to do it here: Share a read-only link | Webflow University

Sure, public link here:
https://preview.webflow.com/preview/milajasmineflowers?preview=33ae77c7192b4a7535c2df663a06f573

  1. Remove class from you navbarcontainer

  2. To navbar - apply position = relative, z-index = 2000

  3. To navtextmenu (in open state) - apply z-index - 3000

  4. Just from my own experience, sometimes it is easier to delete and reconstruct element if you messed up too much. Because sometimes you can do not notice when you change default styles (settings).

  5. If you will make this changes and hamburger icon will not react on click (what happens to me sometimes) just add one more navbar element and delete it back. Weird, but somehow it helps and everything start to work again.

Good luck! :wink:

2 Likes

Sabanna, you are amazing!!

It now works!!!

Thank you so much :smile:

2 Likes

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