Can't open mobile menu in designer mode

Hi!

My nav menu (in mobile view) opens on one page but not in another. I’m not sure whether it’s really a bug or my own mistake. But I’ve attached a gif so to show the problem better. Any ideas on how to solve this?


Here is my site Read-Only: Webflow - K&R

Hey there! Did you resolve this yourself or is the issue still occurring? The menu works as expected in the Designer on my end — I can open it by clicking “Open Menu” in the Style Panel.

Unfortunately no, the problem still persists. Clicking the “Open Menu” in Home -page works normally but not in the Guide to Finland -page. It’s the same problem whether I use Safari or Chrome.

Actually, clicking “Open Menu” nor “Menu type” does nothing. This is quite odd.

Hmm, that’s odd as it’s working on my end.

I’ll tag @Waldo / @PixelGeek / @rileyrichter to see if they know why this is happening.

I took a crack at this. I did see multiple menus showing in here. Maybe that is the reason. However, in preview mode it does work. Im sure you noticed that.

I have recorded a little video for your review.

2 Likes

Hi!

You were absolutely right, cleaning it up helped!
Those nav’s really were a total mess lol. I’m still trying to figure out working in Webflow.

Thank you for all of your help!

1 Like

Hi, I have the same problem, but everything is pretty clear ( I think so :smile:) . I noticed that it probably happened when I saved the navbar as a symbol. Here is the link to read-only mode: https://preview.webflow.com/preview/sourcie?utm_medium=preview_link&utm_source=designer&utm_content=sourcie&preview=bcb33f482d334515b75cbc27ac1c4870&pageId=5eea1f8b217edc0517c694f2&mode=preview

1 Like

Hey Paulina!

Your issue is that the branding (image and hamburger icon) and the nav menu are overlapping due to being positioned relative. If you don’t want to redo your menu, a quick and dirty fix could be setting a padding-top on the nav menu.

image

The exact pixel height can be difficult, as your bar does not have a definitive, but computed height!

Thanks for your fast reply @RDaneelOliwav! Hmm so what is the proper setting for this, that will work? Or maybe should I just create a new navbar? btw it worked before, I set the menu bar as a sticky yesterday, and then this problem appeared. :thinking:

Hello! I’m also having this issue. Can you please give me some advice?

Same issue as @Joel_DuChesne :frowning:

Read only link here: https://preview.webflow.com/preview/almaxa?utm_medium=preview_link&utm_source=designer&utm_content=almaxa&preview=a26e3b1f3294a1b024f447bbe9dd2b79&mode=preview

Anyone can help?