I’ve built a lot of websites on Webflow now but never encountered this problem.
So I had build that homepage and everything was working perfectly across all devices. The bottom options were repeated as a different component on mobile to work as a slideshow.
One day it just stopped working. I could not find any way around it so I changed the design into some static shorter options and now I see that all custom interactions are not working on mobile.
On those bottom options in the homepage the three first that are just link blocks work, the last one that opens another div is not working. Same if you click into any of my project, the field that is supposed to expand and talk “about the project” just stopped working, even though it was working fine.
To make things even weirder, they work on some phones but not on some others.
Any tips about what I’m missing here? I’ve rebuild the whole thing multiple times but can’t spot what I need to change for it to work.
Sorry about that, it’s tricky to describe it because I can’t figure out what is going on.
So the last div on that menu should open up this green cta block.
This is just not working on mobile when viewed from a phone.
But the same goes for all custom interactions in the website.
Coming back to this, after checking things in around 20 phones, I figured out that it was the content blocker of a VPN blocking the interactions, specifically the Threat Protection feature of NordVPN.
THANK YOU for this update… I was going insane here as well — none of my webflow interactions were working, only custom javascript. Disabling NordVPN on my Android phone made it all work as intended. But this IS a big issue if visitors are using a VPN…
Try testing in different browsers and clearing the cache, sometimes Webflow interactions can be a bit finicky. If it works on some phones but not others, it could also be a browser compatibility issue.
After days of banging my head against the wall I’ve just discovered the same thing. I’ve been building on Webflow for a couple of years and never experienced this issue until now. Is it a Webflow update or a NordVPN update? Keep the conversation going here because I think we need to work this one out.
I’ve been tracking a similar issues with ExpressVPN which does the same, also when “block malicious sites” is enabled. I don’t use it, but I have a number of clients who found their sites “broken” and I traced it back to this.
What was happening there was that jQuery was getting blocked, which causes webflow.js to fail, which means dropdowns, tabs, sliders, forms, interactions, anything script-related stops working.
It’s hard to guess how widespread the problem is but as I’m writing this it occurs to me that I could write some form of “test” to determine whether jQuery loaded successfully, and then report that to a logging service.
With your VPN enabled, and threat protection ON, try these tests;
If you’re familiar with browser devtools, look at the network tab as the page loads. If you’re having the same problem I see with ExpressVPN then you’ll see jQuery get blocked.
Try accessing the URL directly in a new tab, it will look something like this;
