Help Needed: Closing Navbar on Anchor Link Selection in Webflow | Relume Community

\n\nAnd let me know if that resolves it","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:08:08.613146+00:00","dateModified":"2025-06-13T18:08:11.633776+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"I would be consistent with your anchors - it might not matter but it could - some are lowercase others are capital case.","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:08:13.649656+00:00","dateModified":"2025-06-13T18:08:16.56044+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"thank you for the tip! will keep them consistent.\nhttps://downlow.webflow.io/\nStill no luck atm","author":{"@type":"Person","name":"Michael S.","url":"/user/8c22ffbf-1342-4dbd-9c11-4310f5e748b1"},"datePublished":"2025-06-13T18:09:05.484896+00:00","dateModified":"2025-06-13T18:09:07.858703+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"Michael S. I'm not seeing the custom JS I sent in your source, I'll keep looking but just wanted to confirm quick that you have that in there yeah?","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:10.42292+00:00","dateModified":"2025-06-13T18:09:12.67171+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"ah I see you have in the footer, which is fine","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:14.288058+00:00","dateModified":"2025-06-13T18:09:16.159376+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"Michael S. I'm concerned that this custom JS might be interfering - was this a previous attempt at the same problem or for something else?","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:18.461234+00:00","dateModified":"2025-06-13T18:09:20.239046+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"very sorry - I added to body by accident.\n\nGot it in and it's only working with neighborhood button not others but everything looks the same","author":{"@type":"Person","name":"Michael S.","url":"/user/8c22ffbf-1342-4dbd-9c11-4310f5e748b1"},"datePublished":"2025-06-13T18:09:29.203439+00:00","dateModified":"2025-06-13T18:09:31.202727+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"side not the buttons in nav desktop are different from button in mobile menu","author":{"@type":"Person","name":"Michael S.","url":"/user/8c22ffbf-1342-4dbd-9c11-4310f5e748b1"},"datePublished":"2025-06-13T18:09:32.835202+00:00","dateModified":"2025-06-13T18:09:34.639647+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"they aren't all the same though when looking at the source","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:36.284942+00:00","dateModified":"2025-06-13T18:09:38.057572+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"so yeah, just #overview with no backslash and you wont need the full URL but I understand you might be doing that so it works in designer","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:39.697234+00:00","dateModified":"2025-06-13T18:09:42.161715+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"sorry my man...i'm cooked w little sleep and slacking on you. this solutions works perfectly - ur the best","author":{"@type":"Person","name":"Michael S.","url":"/user/8c22ffbf-1342-4dbd-9c11-4310f5e748b1"},"datePublished":"2025-06-13T18:09:47.615026+00:00","dateModified":"2025-06-13T18:09:49.388883+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"naw all good! Glad we got it! 💪","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-13T18:09:51.047543+00:00","dateModified":"2025-06-13T18:09:52.819558+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]}

Issues

Help Needed: Closing Navbar on Anchor Link Selection in Webflow

Michael S.

Hey everyone....i was wondering if anyone can help me out with navbar 4. I'm having an issue where I'd like the navbar to close when using a nav link for an anchor on page. I found 2 help threads in webflow forums but don't seem to have any luck getting them to work. https://discourse.webflow.com/t/closing-nav-menu-properly-on-section-link/231815 https://discourse.webflow.com/t/anchor-links-wont-close-menu-tried-all-the-fixes/226717 Read only link: https://preview.webflow.com/preview/downlow?utm_medium=preview_link&utm_source=designe[…]w&preview=2e0b5e55d5f51685eecd3e61e5d17093&workflow=preview Any and all help on this is greatly appreciated!

19 comments

Saba K.
·
you can try adding interaction to menu items to hide navbar on mouse click for mobile
Michael S.
·
Saba K. no luck trying that
Michael S.
·
Matt J. hey sorry to bother you…any info on this?
Matt J.
·
Michael S. yeah Webflow makes this a giant pain and I really wish they would figure it out. I believe if you did something like /#overview - it should work - in Webflow Designer its going to open a new page, but when you publish it, it shouldn't.
Michael S.
·
Matt J. so that solution only created an anchor same as assigning it directly. I'm looking to have the nav bar close on mobile after clicking a navlink button
Matt J.
·
Michael S. can you share the published URL?
Matt J.
·
and yeah I understand the problem, I thought that was the solution but I'm now remembering another thing

Matt J.

okay so change it to just #overview and don't use Webflow's section anchoring dropdown. Then use this custom JS in your head

<!-- start global -->
<script>
  function scrollToElement(selector, animationTime, offset) {
    const el = $(selector);
    $('html,body').animate({ scrollTop: (el.offset().top + (offset || 0)) }, animationTime || 0);
  }
</script>
<!-- endglobal -->

And let me know if that resolves it

Matt J.
·
I would be consistent with your anchors - it might not matter but it could - some are lowercase others are capital case.
Michael S.
·
thank you for the tip! will keep them consistent. https://downlow.webflow.io/ Still no luck atm
Matt J.
·
Michael S. I'm not seeing the custom JS I sent in your source, I'll keep looking but just wanted to confirm quick that you have that in there yeah?
Matt J.
·
ah I see you have in the footer, which is fine
Matt J.
·
Michael S. I'm concerned that this custom JS might be interfering - was this a previous attempt at the same problem or for something else?
Michael S.
·
very sorry - I added to body by accident. Got it in and it's only working with neighborhood button not others but everything looks the same
Michael S.
·
side not the buttons in nav desktop are different from button in mobile menu
Matt J.
·
they aren't all the same though when looking at the source
Matt J.
·
so yeah, just #overview with no backslash and you wont need the full URL but I understand you might be doing that so it works in designer
❤️1
Michael S.
·
sorry my man...i'm cooked w little sleep and slacking on you. this solutions works perfectly - ur the best
Matt J.
·
naw all good! Glad we got it! 💪