Hi all, I could really use some help with a navbar issue.
I'm using a Relume Navbar_10 component in Webflow, and the mobile menu toggle (hamburger icon) works perfectly on desktop (including when resized down to mobile), but doesn’t respond at all on actual mobile devices — except for on the homepage, where it works perfectly.
Here’s what I’ve tried so far:
- Reset the navbar back to the original Relume state
- Removed all custom “Navbar Opens” / “Closes” interactions
- Confirmed z-index, pointer-events, and no overlaps
- The navbar is a component reused across pages
Despite this, the hamburger tap
does nothing on iPhones and iPads on all pages except the home page.
Read-only:
https://preview.webflow.com/preview/design-your-life-d80cf9?utm_medium=preview_link&ut[…]9&preview=d5d636242a7a77941f0e179d57adec35&workflow=previewHome page (working):
https://design-your-life-d80cf9.webflow.ioBroken page (on mobile device):
https://design-your-life-d80cf9.webflow.io/individual-coachingAny chance this is something in the component structure that needs adjusting?
Anyone else encountered anything similar? I’d really appreciate any help. I’ve been deep in it for hours and still stuck.
Thanks so much in advance
Jon