Streaming live at 10am (PST)

Mobile Hamburger Menu No longer clickable


#1

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


#2

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: http://help.webflow.com/sharing-your-public-webflow-site-link


#3

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


#4
  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


#5

Sabanna, you are amazing!!

It now works!!!

Thank you so much smile


#6

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