Hamburger menu not opening and dropdowns staying open

Design help General
1

Hi,
My hamburger menu doesn’t seem to respond to touch on any tablet or mobile views so it doesn’t expand.
Oddly enough, my other drop-down accordion menus are also locked at open. (Like on the consulting page)
This is a recent problem and I’ve no idea what happened. I’d love some help as I have a few big clients I want to pitch but I can’t well pitch a site where the top nav bar doesn’t work.
Thank you!

Here is my site Read-Only: (Webflow - Fat Cap)

2

Hi Megan, you need to look at a published site for script / behavioral issues.
I found your .com published site online, and looks like it’s working fine-

I’d recommend you;

  • Try a different device
  • For phone tests, try both wifi connected and non-wifi connected
  • Try a different network
  • Switch off any browser extensions ( test in Chrome incognito mode )
  • Switch off any VPNs

That will help you identify where your problem is occurring.
As a note, my intuition says that something is blocking your webflow.js script in the situations where those features are not working.

image
image632×899 74.5 KB

image
image632×899 44.2 KB

3

OMG. You were right! It was my VPN. What in the world?

I have so many privacy and security settings on my phone but recently changed VPNs so that is likely when it ‘broke’.

I cannot thank you enough. I was up for the last two nights near tears trying to figure out what I’d done wrong in the animations. Curse you, Nord!

So then I guess the question is: How many other people will have VPN issues on their phones. :thinking:

4

I’m seeing this a ton lately- what VPN are you using?

You might be able to configure it so that it doesn’t kill jQuery on Webflow sites. I was able to definitely get it to happen with ExpressVPN. with the “block malicious sites” feature enabled. Not sure why it’s bugging out.

I’m tracking these so let me know what you’re using, and you should definitely contact their support and file a complaint, or this will never get fixed.

5

Hey, Thank you for your answer @memetican.

I have this same issue with our client, he’s not able to use the hamburger button, tried everything (Z-index and all–– everything I could find out there). It absolutely works on my phone and many other friends and fam, about 15+ people that I tried and tested with. I even enabled the VPN (express and Nord) with all the blockage they offer, to see if I can be able to make the button “not work” so I understand the issue, but no luck.
Client is still having an issue with the button work on his phone. Any workaround or other advice to get around this?

Thanks!

6

Hey Berk,

Obviously your goal is to isolate and reproduce the problem so that you can fix it. You’d have the client go through the same basic steps regarding network, wifi enable/disable, disable any VPN, etc to try to identify it.

Then you’d try to recreate that locally or on a service like browserstack.

Either way, you want to see what errors are produced in the browser’s console log, and that process is different based on browser and device.

If I’m right that it’s a jQuery load failure, you could also try force-loading jQuery in the site-wide before-head custom code area using a CDN script URL, make sure it’s the same version Webflow is using. That’s not ideal and might have other impacts, but it could be a bandaid here for certain issues.

1 Like