Streaming live at 10am (PST)

Mobile Hamburger not working

My mobile hamburger shows the drop down menu for only a millisecond and then disappears. When in designer / preview mode it does not reveal as shown in video tutorials. There is language switcher which my programmer (who has gone AWOL) set up which perhaps is interfering. Hope there is an easy solution. Thanks.

https://preview.webflow.com/preview/wtf-gallery?utm_medium=preview_link&utm_source=designer&utm_content=wtf-gallery&preview=9ee99076fde3f8ac2ce95be31466abbf&pageId=6007f7ce76050d4a9960578d&mode=preview

Hey @chrisbkk,

First of all, I would recommend changing your hamburger to activate on mobile so it does not cause issues in your navigation.

image

It’s currently:
image

As for your issue:
Your nav wrapper is set for 70px, and your navigation bar is set inside your wrapper. Because you have a solid px, what happens is it cannot expand so this makes your navigation very small… so small you cannot see it.

In this image, I changed your wrapper to 40% (you will not want to keep this for aesthetic reasons.

What you can do, is take your nav bar and put it in a div below the top wrapper. On click show, second click hide.

You can check out my current WIP if you want to see it in action

Hope this helps.

Thanks Dave. At least I know the issue now. I will see if I can get your solution or others to work.
Cheers!

1 Like

The strange thing is that the nav wrapper is set for 70px does not seem to be the issue — on live site on mobile iphone 7 the entire drop-down shows up (—you can see it beyond 70px) but collapses immediately.