lINK BUTTON WORKS IN DESIGNER BUT NOT ON LIVE SITE

Community resources Webflow Tips
1

i have a section contact with social links that work in designer but not on live site. same when i open the links withing hamburger menu . they dont work live

2

Here’s a quick, human-style checklist to fix external links that work in Webflow Designer/Preview but not on the live site:

  1. Use full URLs
    Make sure every social/menu link starts with https://… (not just www… or /twitter.com).

  2. Check for an invisible overlay blocking clicks
    Common culprit: a page-load / menu / modal overlay left on the page with opacity 0 but still present.
    Fix the interaction’s final step to set the overlay to display:none (or pointer-events:none) and ensure its z-index isn’t covering the page.

  3. Custom JS stopping navigation
    If you added smooth-scroll or menu scripts, they might be calling event.preventDefault() on all <a> tags. Limit it to same-page anchors only:

document.addEventListener('click', (e) => {
  const a = e.target.closest('a[href]');
  if (!a) return;
  const href = a.getAttribute('href');
  if (href && href.startsWith('#')) {
    e.preventDefault();
    // smooth scroll here...
  }
});

  1. Nav menu state
    Sometimes the mobile menu stays “open” (or its backdrop stays on) after closing and blocks clicks. In the interaction, ensure close state sets backdrop to display:none (or opacity:0 + pointer-events:none).

  2. Test on the published domain
    Preview can differ from live. Publish, hard-refresh, and test on the real URL.

If you share the published link and the page-load/menu interactions names, I can point to the exact element that’s blocking clicks.

3

Had this happen on a client build,usually an invisible div or menu backdrop is sitting on top of the links after publish. Check z-index and set the closed state to display:none or pointer-events:none. Also confirm the links all start with https:// not just www.

4

Hi Karan are you referring to these links?

From your staging site, these work fine for me at all breakpoints on Win + Chrome.

image
image500×187 4.5 KB

The nav menu also opens fine and the menu items and social links all work with the exception of the top right phone icon, which currently is not linked to anything.

image
image2161×1275 93 KB

I’m guessing you’ve fixed it but if you’re still having problems, let me know what browser, OS, etc. you’re using, and try it yourself on different devices at different breakpoints.

On mobile portrait you do have some non-wrapping elements that are breaking your layout positioning, as well as at the top of the page.

image
image554×836 28.3 KB